
:root {
    --cin-bg: #07111f;
    --cin-bg-soft: #0c1b2f;
    --cin-card: #10233d;
    --cin-card-2: #133055;
    --cin-line: rgba(125, 180, 255, 0.18);
    --cin-text: #f2f7ff;
    --cin-text-soft: #9eb4d1;
    --cin-blue: #2d7ff9;
    --cin-blue-2: #58a6ff;
    --cin-glow: 0 18px 45px rgba(4, 12, 28, 0.55);
}
body {
    background:
        radial-gradient(circle at top, rgba(45,127,249,0.16), transparent 32%),
        linear-gradient(180deg, #08111d 0%, #091523 35%, #07111f 100%) !important;
    color: var(--cin-text);
}
a,
.module .content .items .item .data h3 a:hover,
header.main .hbox .search form button[type=submit]:hover,
footer.main .fbox .fmenu ul li a:hover,
#seasons .se-c .se-a ul.episodios li .episodiotitle a:hover {
    color: var(--cin-blue-2);
}
#dt_contenedor,
#contenedor,
#serie_contenido {
    background: transparent !important;
}
header.main,
header.responsive {
    background: rgba(6, 15, 28, 0.84) !important;
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 40px rgba(0,0,0,.28);
    border-bottom: 1px solid rgba(88,166,255,.12);
}
.head-main-nav ul.main-header > li > a,
.dtuser a#dooplay_signout,
.menuresp .menu a,
.logo h1.text,
header.main .hbox .search form button[type=submit],
header.main .hbox .search form input[type=text] {
    color: var(--cin-text) !important;
}
.head-main-nav ul.main-header > li:hover > a,
.head-main-nav ul.main-header > li.current-menu-item > a,
.head-main-nav ul.main-header > li.current-menu-parent > a {
    color: var(--cin-blue-2) !important;
}
header.main .hbox .search form,
.search_responsive form {
    background: rgba(19,48,85,.72) !important;
    border: 1px solid rgba(88,166,255,.12) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
header.main .hbox .logo,
header.responsive .logo {
    position: relative;
}
header.main .hbox .logo img,
header.responsive .logo img {
    filter: drop-shadow(0 0 18px rgba(45,127,249,.18));
}
.module,
.module .content,
.module .sidebar,
footer.main,
#single .content,
.dtsingle .sidebar,
.sbox,
.sidebar aside.widget,
.links_table,
.requests .content .tabox,
#seasons .se-c,
.player,
.login_box .box,
.account .sidebar,
.account .content {
    background: linear-gradient(180deg, rgba(16,35,61,.96), rgba(10,24,42,.96)) !important;
    border-color: var(--cin-line) !important;
    color: var(--cin-text);
    box-shadow: var(--cin-glow);
}
.module,
.module .content,
.module .sidebar,
footer.main,
#single .content,
.dtsingle .sidebar,
.sbox,
.sidebar aside.widget,
.requests .content .tabox,
.login_box .box,
.account .sidebar,
.account .content {
    border-radius: 20px;
}
.module {
    margin-top: 18px;
    overflow: hidden;
}
.module .content,
.module .sidebar,
#single .content,
.dtsingle .sidebar {
    padding-top: 24px;
}
.module .content header h1,
.module .content header h2,
.sbox h1,
.sbox h2,
.sheader .data h1,
.sidebar aside.widget h2.widget-title {
    color: var(--cin-text) !important;
}
.module .content header h1,
.module .content header h2,
.sidebar aside.widget h2.widget-title {
    border-left-color: var(--cin-blue) !important;
}
.module .content .items,
footer.main,
.sidemenu h2,
.sidemenu ul.genres li,
.pagination span,
.pagination a,
.links_table table thead tr,
.links_table table tbody tr,
#seasons .se-c .se-a ul.episodios li,
#seasons .se-c .se-a ul.episodios li .numerando {
    border-color: var(--cin-line) !important;
}
.module .content .items .item {
    padding: 12px;
}
.module .content .items .item .poster,
.slider article.item .image,
.owl-item .item .poster,
.items_glossary .items .item .poster,
article.simple .poster,
.se .poster {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 16px 30px rgba(0,0,0,.28);
}
.module .content .items .item .poster:before,
.slider article.item .image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3,10,20,0.02) 0%, rgba(3,10,20,0.08) 50%, rgba(3,10,20,0.45) 100%);
    z-index: 1;
    pointer-events: none;
}
.module .content .items .item .poster img,
.slider article.item .image img {
    transition: transform .35s ease, filter .35s ease;
}
.module .content .items .item:hover .poster img,
.slider article.item:hover .image img,
.owl-item:hover .item .poster img {
    transform: scale(1.08);
    filter: brightness(1.08);
}
.module .content .items .item:hover,
.owl-item .item:hover,
.items_glossary .items .item:hover {
    transform: translateY(-6px) scale(1.02);
    z-index: 5;
}
.module .content .items .item,
.owl-item .item,
.items_glossary .items .item {
    transition: transform .25s ease;
}
.module .content .items .item .data h3,
.module .content .items .item .data h3 a,
.module .content .items .item .data span,
.sidemenu h2,
.sidemenu ul.genres li a,
footer.main,
footer.main .fbox .fmenu ul li a,
.dtinfo .title h4,
.dtinfo .metadata span,
.dtinfo .texto,
.sheader .data,
.sbox .sdata,
.links_table table tbody tr td,
.links_table a,
#seasons .se-c .se-q span.title,
#seasons .se-c .se-a ul.episodios li .episodiotitle a {
    color: var(--cin-text) !important;
}
.module .content .items .item .data span,
.sidemenu ul.genres li i,
.sidemenu ul.genres li a:before,
.dtinfo .metadata span,
footer.main .fcmpbox .primary .fotlogo .text,
#seasons .se-c .se-a ul.episodios li .episodiotitle span.date,
.requests .content .items .item .box .data span {
    color: var(--cin-text-soft) !important;
}
.module .content .items .item .poster .rating,
body.page-template-top_imdb .module .content .items .item .poster .rating,
.items_glossary .items .item .poster .rating {
    background: linear-gradient(135deg, var(--cin-blue), #1f60d4) !important;
    color: #fff !important;
    border-radius: 10px 0 0 0;
    z-index: 2;
    padding: 5px 8px;
}
.slider article.item .image .data {
    background: linear-gradient(180deg, rgba(3,10,20,0) 0%, rgba(3,10,20,.18) 20%, rgba(3,10,20,.88) 100%);
}
.slider article.item .image .data h3.title,
.slider article.item .image .data span {
    color: #fff;
    text-shadow: 0 4px 20px rgba(0,0,0,.4);
}
.pagination span,
.pagination a,
.sidemenu ul.year li a,
.module .content header span a.see-all,
.sgeneros a,
.tagcloud a,
ul.wp-tags li a {
    background: rgba(18,44,76,.95) !important;
    border-color: rgba(88,166,255,.14) !important;
    color: var(--cin-text) !important;
    border-radius: 999px;
}
.pagination span.current,
.pagination a:hover,
.module .content header span a.see-all:hover,
.sidemenu ul.year li a:hover,
.sgeneros a:hover,
.tagcloud a:hover,
ul.wp-tags li a:hover,
#seasons .se-c .se-q span.se-o,
.login_box .box input[type="submit"],
p.form-submit input[type=submit],
input[type=submit],
button,
.dt_social_single a:hover {
    background: linear-gradient(135deg, var(--cin-blue), #1f60d4) !important;
    color: #fff !important;
    border-color: transparent !important;
}
#seasons .se-c .se-q,
.links_table table tbody tr:hover > td,
.form_post_data form.generador_form,
.requests .discover .fixbox .box,
.post_request .box_post,
.dtinfo,
article.post,
.page_user header.user .box,
.user_edit_control,
.user_control a,
.top-imdb-list,
#edit_link .box,
#message .sms,
.post-comments li.comment {
    background: rgba(8,22,38,.86) !important;
    border-color: var(--cin-line) !important;
}
.dtinfo {
    border-radius: 18px;
}
.form_post_data form.generador_form input[type=text],
.contact .wrapper fieldset input[type=text],
.contact .wrapper fieldset textarea,
.login_box .box input[type="text"],
.login_box .box input[type="password"],
input, textarea, select {
    background: rgba(9,23,39,.92) !important;
    color: var(--cin-text) !important;
    border-color: rgba(88,166,255,.14) !important;
}
::placeholder {
    color: #7d93b4;
}
footer.main .fcmpbox .primary .fotlogo .logo img {
    filter: drop-shadow(0 0 18px rgba(45,127,249,.12));
}
@media only screen and (max-width: 1024px) {
    .module,
    .module .content,
    .module .sidebar,
    #single .content,
    .dtsingle .sidebar {
        border-radius: 16px;
    }
}
@media only screen and (max-width: 768px) {
    .module {
        margin-top: 12px;
    }
    .module .content .items .item {
        padding: 8px;
    }
    header.main,
    header.responsive {
        backdrop-filter: blur(10px);
    }
}

/* Cinemati Netflix-inspired home layout */
body.home #dt_contenedor,
body.blog #dt_contenedor {
    background:
        radial-gradient(circle at top right, rgba(45,127,249,.18), transparent 30%),
        linear-gradient(180deg, #050b14 0%, #08111f 44%, #07111f 100%) !important;
}
body.home .module.cinemati-home,
body.blog .module.cinemati-home {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-top: 0;
}
body.home .module.cinemati-home .sidebar,
body.blog .module.cinemati-home .sidebar {
    display: none !important;
}
body.home .module.cinemati-home .content,
body.blog .module.cinemati-home .content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
.cinemati-hero {
    position: relative;
    min-height: 78vh;
    margin: 0 auto 18px;
    border-radius: 0 0 28px 28px;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    box-shadow: 0 30px 60px rgba(0,0,0,.45);
}
.cinemati-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4,8,15,.92) 0%, rgba(5,10,18,.78) 36%, rgba(5,10,18,.28) 62%, rgba(5,10,18,.76) 100%),
        linear-gradient(0deg, rgba(5,10,18,.96) 0%, rgba(5,10,18,.12) 52%, rgba(5,10,18,.3) 100%);
}
.cinemati-hero__content {
    position: relative;
    z-index: 2;
    max-width: 680px;
    padding: 120px 64px 72px;
}
.cinemati-badge {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(45,127,249,.16);
    color: #cfe2ff;
    border: 1px solid rgba(88,166,255,.25);
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.cinemati-hero__content h1 {
    font-size: 64px;
    line-height: 1;
    margin: 0 0 16px;
    color: #fff;
    text-shadow: 0 12px 30px rgba(0,0,0,.5);
}
.cinemati-meta,
.cinemati-meta a {
    color: #d7e7ff !important;
    font-size: 15px;
    margin-bottom: 14px;
}
.cinemati-hero__content p {
    color: rgba(255,255,255,.84);
    font-size: 17px;
    line-height: 1.8;
    margin: 0 0 28px;
    max-width: 620px;
}
.cinemati-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
.cinemati-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .25s ease, background .25s ease;
}
.cinemati-btn.primary {
    background: #ffffff !important;
    color: #07111f !important;
}
.cinemati-btn.secondary {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16);
}
.cinemati-btn:hover {
    transform: translateY(-2px);
}
body.home .module.cinemati-home > .content > .items,
body.blog .module.cinemati-home > .content > .items,
body.home .module.cinemati-home > .content > .featured,
body.blog .module.cinemati-home > .content > .featured {
    background: transparent !important;
}
body.home .module.cinemati-home > .content > header,
body.blog .module.cinemati-home > .content > header {
    margin: 0 0 10px;
    padding: 0 12px;
}
body.home .module.cinemati-home > .content > header h2,
body.blog .module.cinemati-home > .content > header h2 {
    font-size: 28px;
    border: 0 !important;
    padding-left: 0 !important;
}
body.home .module.cinemati-home .items,
body.blog .module.cinemati-home .items {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 12px 6px 28px;
    border: 0 !important;
    scroll-behavior: smooth;
}
body.home .module.cinemati-home .items::-webkit-scrollbar,
body.blog .module.cinemati-home .items::-webkit-scrollbar {
    height: 8px;
}
body.home .module.cinemati-home .items::-webkit-scrollbar-thumb,
body.blog .module.cinemati-home .items::-webkit-scrollbar-thumb {
    background: rgba(88,166,255,.28);
    border-radius: 999px;
}
body.home .module.cinemati-home .items .item,
body.blog .module.cinemati-home .items .item {
    min-width: 210px;
    max-width: 210px;
    flex: 0 0 210px;
    padding: 10px;
}
body.home .module.cinemati-home .items .item .poster,
body.blog .module.cinemati-home .items .item .poster {
    border-radius: 18px;
}
body.home .module.cinemati-home .items .item:hover,
body.blog .module.cinemati-home .items .item:hover {
    transform: scale(1.08) translateY(-8px);
}
body.home .module.cinemati-home .nav_items_module,
body.blog .module.cinemati-home .nav_items_module {
    display: none !important;
}
@media (max-width: 1024px) {
    .cinemati-hero {
        min-height: 62vh;
        border-radius: 0 0 24px 24px;
    }
    .cinemati-hero__content {
        padding: 100px 28px 42px;
        max-width: 90%;
    }
    .cinemati-hero__content h1 {
        font-size: 42px;
    }
}
@media (max-width: 640px) {
    .cinemati-hero {
        min-height: 70vh;
    }
    .cinemati-hero__content {
        padding: 88px 20px 28px;
        max-width: 100%;
    }
    .cinemati-hero__content h1 {
        font-size: 34px;
    }
    .cinemati-hero__content p {
        font-size: 15px;
        line-height: 1.7;
    }
    body.home .module.cinemati-home .items .item,
    body.blog .module.cinemati-home .items .item {
        min-width: 160px;
        max-width: 160px;
        flex-basis: 160px;
    }
}
