
/* Global palette sampled from the supplied screenshot: rgb(21,17,27). */
:root{--mh-page-bg:#15111b;--mh-image-shade:rgba(21,17,27,.58)}
html,body,body.custom-background,#contenedor,#dt_contenedor,#main,
.main,main,.main-content,.content,.module,.sbox,.box,.items,
#single,#single_relacionados,.seasons,.episodes,.pagination,
#footer,footer,.footer,.head-main,.nav_items{
 background-color:var(--mh-page-bg)!important;
}
/* Keep containers and their spacing intact; only neutralize visible panels. */
body .module,body .sbox,body .box{box-shadow:none!important}
body .module .content{background:transparent!important}
/* Soft overlay on editorial thumbnails, not on logos, controls or icons. */
body .items .item .poster,
body .items .item .image,
body .mh-ep .mh-ep-cover,
body .episodes .poster,
body .seasons .poster,
body .result-item .image{
 position:relative;
 isolation:isolate;
}
body .items .item .poster:after,
body .items .item .image:after,
body .mh-ep .mh-ep-cover:after,
body .episodes .poster:after,
body .seasons .poster:after,
body .result-item .image:after{
 content:"";position:absolute;inset:0;pointer-events:none;
 z-index:2;
 background:linear-gradient(180deg,rgba(21,17,27,.15) 0%,rgba(21,17,27,.28) 45%,rgba(21,17,27,.78) 100%),
 linear-gradient(90deg,rgba(21,17,27,.18),transparent 22%,transparent 78%,rgba(21,17,27,.18));
 border-radius:inherit;
}
body .mh-ep .mh-ep-cover:after{
 background:linear-gradient(180deg,rgba(21,17,27,.16),rgba(21,17,27,.10) 42%,rgba(21,17,27,.72));
}
/* Keep interactive text, counters and hover play on top of the gradient. */
body .mh-ep .mh-ep-cover .mh-ep-comment-count,
body .mh-ep .mh-ep-cover .episode-timeago,
body .mh-ep .mh-ep-cover .episode-title,
body .mh-ep .mh-ep-cover .mh-ep-play,
body .mh-ep .mh-ep-cover .play,
body .items .item .poster .rating,
body .items .item .poster .quality{z-index:5!important}
/* Cinematic slider blends into the same page color on both sides. */
.cinematic-slider-wrap{background:var(--mh-page-bg)!important}
#slider-movies-tvshows .cinematic-item:after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(90deg,#15111b 0%,rgba(21,17,27,.7) 9%,transparent 28%,transparent 73%,rgba(21,17,27,.7) 91%,#15111b 100%),
 linear-gradient(0deg,#15111b 0%,transparent 24%);
}
#slider-movies-tvshows .cinematic-content{z-index:3!important}
.cinematic-slider-nav{z-index:6!important}

/* Unified background for the structural containers shown in the homepage. */
html body, html body #contenedor, html body #dt_contenedor,
html body #main, html body #content, html body #primary,
html body .container, html body .contenedor, html body .wrapper,
html body .wrap, html body .site, html body .site-content,
html body .main, html body .main-content, html body .module,
html body .module .content, html body .module .items,
html body .sbox, html body .box, html body .items,
html body .home-page, html body .home-content,
html body .content, html body .dt_mainmeta,
html body .module .content .items, html body .pagination,
html body .sidebar, html body aside, html body section.module {
 background-color:#15111b!important;
 background-image:none!important;
 box-shadow:none!important;
}
/* The layout remains intact: do not alter widths, padding, or positions. */
html body .module, html body .module .content,
html body .sbox, html body .box {
 border-color:transparent!important;
}
