@font-face { font-family: 'Cabin'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/cabin/cabin-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Cabin'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/cabin/cabin-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Cabin'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('../fonts/cabin/cabin-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Cabin'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('../fonts/cabin/cabin-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --bs-font-sans-serif: Cabin, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } img { max-width: 100%; height: auto; } .container-fluid { max-width: 1600px; } .container-full { max-width: 100%; width: 100%; } .navbar .btn { line-height: 23px; padding: 0.15rem 0.65rem; } ul#mobile-opt { margin-right: .7rem!important; } ul#mobile-opt a { color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; } ul#mobile-opt a i.bi:before { font-size: 1.7rem; } .navbar-dark .navbar-toggler { border: 0; font-size: 1.5rem; padding: 0; width: 48px; height: 48px; } .navbar-dark .navbar-toggler:focus { box-shadow: none; } #navbarCollapse .form-control { width: 300px; border: 0; } .nav-options a { cursor: pointer; } .nav-options i { font-size: 1.25rem; top: 2px; position: relative; } .nav-options .bi-person-circle { font-size: 2rem; } .dropwdown-menu-mobile { position: absolute; right: 0; top: 65px; background-color: #fff; z-index: 1000; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; } .form-control, .btn { border-radius: 20px!important; border: 0; } .content-title { display: flex; align-items: center; } .content-title h1.calendar-page-heading, .content-title h1.search-page-heading, .content-title h2, .content-title h3, .content-title-home h2, .content-title-home h3 { font-weight: bold!important; margin-left: 0.75rem; } .content-title h1.calendar-page-heading:before, .content-title h1.search-page-heading:before, .content-title h2:before, .content-title h3:before, .content-title-home h2:before, .content-title-home h3:before { background: #f5c518; content: ""; margin-left: -0.75rem; align-self: flex-start; position: absolute; height: 34px; width: 4px; } .content-title h2 img, .content-title h3 img, .content-title-home h2 img, .content-title-home h3 img { position: relative; top: -2px; border-radius: 4px; } .content-title h2 .ver-todos, .content-title h3 .ver-todos, .content-title-home h2 .ver-todos, .content-title-home h3 .ver-todos { float: right; background-color: #212529; color: #fff; padding: 3px 12px 2px; font-size: 0.85rem; text-decoration: none; border-radius: 10px; position: relative; top: 6px; } .content-title h2 .ver-todos:hover, .content-title h3 .ver-todos:hover, .content-title-home h2 .ver-todos:hover, .content-title-home h3 .ver-todos:hover { background-color: #000; } .content-title .edit_adm { margin-left: auto; white-space: nowrap; } .title-prod h1 { margin-left: 0; font-size: 2.25rem; font-weight: 700; } @media screen and (max-width: 768px) { .title-prod h1 { font-size: 2rem; line-height: 1.1; } } .title-prod h3 { margin-left: 0; font-size: 2.25rem; font-weight: 700; } .title-prod h3:before { background: transparent; margin-left: 0; } .line-info { font-size: 1rem; padding-bottom: 5px; border-bottom: 1px solid #eee; } .line-info a { font-size: 1rem; } @media screen and (max-width: 768px) { .line-info { margin-left: 0; } .title-prod h3 { font-size: 2rem; margin-left: 0; line-height: 1.1; } } .line-info a { text-decoration: none; } .line-info a:hover { text-decoration: underline; } .clasificacion { background: #000; color: #fff; border-radius: 6px; padding: 2px 5px; } .flag-pais { text-decoration: none; display: block; padding-left: 24px; } a.flag-pais:hover { text-decoration: none; } a.al { background: transparent url('../img/banderas/al-small-16x16.png') no-repeat 0 3px; } a.ar { background: transparent url('../img/banderas/ar-small-16x16.png') no-repeat 0 3px; } a.au { background: transparent url('../img/banderas/au-small-16x16.png') no-repeat 0 3px; } a.aus { background: transparent url('../img/banderas/aus-small-16x16.png') no-repeat 0 3px; } a.be { background: transparent url('../img/banderas/be-small-16x16.png') no-repeat 0 3px; } a.br { background: transparent url('../img/banderas/br-small-16x16.png') no-repeat 0 3px; } a.can { background: transparent url('../img/banderas/can-small-16x16.png') no-repeat 0 3px; } a.ch { background: transparent url('../img/banderas/ch-small-16x16.png') no-repeat 0 3px; } a.chn { background: transparent url('../img/banderas/chn-small-16x16.png') no-repeat 0 3px; } a.co { background: transparent url('../img/banderas/co-small-16x16.png') no-repeat 0 3px; } a.cs { background: transparent url('../img/banderas/cs-small-16x16.png') no-repeat 0 3px; } a.cu { background: transparent url('../img/banderas/cu-small-16x16.png') no-repeat 0 3px; } a.dn { background: transparent url('../img/banderas/dn-small-16x16.png') no-repeat 0 3px; } a.fr { background: transparent url('../img/banderas/fr-small-16x16.png') no-repeat 0 3px; } a.hl { background: transparent url('../img/banderas/hl-small-16x16.png') no-repeat 0 3px; } a.in { background: transparent url('../img/banderas/in-small-16x16.png') no-repeat 0 3px; } a.ir { background: transparent url('../img/banderas/ir-small-16x16.png') no-repeat 0 3px; } a.it { background: transparent url('../img/banderas/it-small-16x16.png') no-repeat 0 3px; } a.jp { background: transparent url('../img/banderas/jp-small-16x16.png') no-repeat 0 3px; } a.mx { background: transparent url('../img/banderas/mx-small-16x16.png') no-repeat 0 3px; } a.ng { background: transparent url('../img/banderas/ng-small-16x16.png') no-repeat 0 3px; } a.rc { background: transparent url('../img/banderas/rc-small-16x16.png') no-repeat 0 3px; } a.rd { background: transparent url('../img/banderas/rd-small-16x16.png') no-repeat 0 3px; } a.ro { background: transparent url('../img/banderas/ro-small-16x16.png') no-repeat 0 3px; } a.ru { background: transparent url('../img/banderas/ru-small-16x16.png') no-repeat 0 3px; } a.sp { background: transparent url('../img/banderas/sp-small-16x16.png') no-repeat 0 3px; } a.su { background: transparent url('../img/banderas/su-small-16x16.png') no-repeat 0 3px; } a.tr { background: transparent url('../img/banderas/tr-small-16x16.png') no-repeat 0 3px; } a.uk { background: transparent url('../img/banderas/uk-small-16x16.png') no-repeat 0 3px; } a.us { background: transparent url('../img/banderas/us-small-16x16.png') no-repeat 0 3px; } a.pt { background: transparent url('../img/banderas/pt-small-16x16.png') no-repeat 0 3px; } a.pe { background: transparent url('../img/banderas/pe-small-16x16.png') no-repeat 0 3px; } a.po { background: transparent url('../img/banderas/po-small-16x16.png') no-repeat 0 3px; } a.cr { background: transparent url('../img/banderas/cr-small-16x16.png') no-repeat 0 3px; } a.hg { background: transparent url('../img/banderas/hg-small-16x16.png') no-repeat 0 3px; } a.th { background: transparent url('../img/banderas/th-small-16x16.png') no-repeat 0 3px; } a.tr { background: transparent url('../img/banderas/tr-small-16x16.png') no-repeat 0 3px; } a.tu { background: transparent url('../img/banderas/tu-small-16x16.png') no-repeat 0 3px; } a.ur { background: transparent url('../img/banderas/ur-small-16x16.png') no-repeat 0 3px; } a.facebook { padding-left: 22px; background: transparent url('../img/icons/social/facebook.png') no-repeat left 2px; } a.x { padding-left: 22px; background: transparent url('../img/icons/social/x.png') no-repeat left 2px; } a.instagram { padding-left: 22px; background: transparent url('../img/icons/social/instagram.png') no-repeat left 2px; } .info-list { padding: 0; } .info-list li { list-style: none; margin: 0; padding: 0; }   #ficha-persona-content div.como { font-size: 1rem; color: #000; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #eaf0b4; background: -moz-linear-gradient(top, #eaf0b4, #dfe9a0); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eaf0b4), to(#dfe9a0)); } #ficha-persona-content div.como span i { font-size: 1.15rem; } @media screen and (max-width: 768px) { #ficha-persona-content div.como { font-size: 0.9rem; } } #ficha-persona-content div.como span.ocultar, #ficha-persona-content div.como span.mostrar { float: right; font-size: 0.9em; font-weight: 600; color: #212529!important; } #ficha-persona-content div.como .filmography-toggle span { position: relative; top: -2px; } .filmography-toggle { border: 0; border-radius: 2px; padding: 0 2px; background: transparent; color: inherit; font: inherit; cursor: pointer; } .filmography-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } #ficha-persona-content ul.lista-filmografia { margin: 0 0 5px; padding: 0; } #ficha-persona-content ul.lista-filmografia li.primero { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; } #ficha-persona-content ul.lista-filmografia li { padding: 4px 0 4px 6px; } #ficha-persona-content ul.lista-filmografia li ul.info { padding: 0; margin: 0; } #ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion { background: transparent url(../img/flecha-filmografia.png) no-repeat 0 9px; margin: 0; font-size: 1rem; padding-left: 12px; line-height: 1.5; } #ficha-persona-content ul.lista-filmografia li ul.info li.interpreta { font-size: 1rem; padding-left: 12px; line-height: 1.5; } @media screen and (max-width: 768px) { #ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion, #ficha-persona-content ul.lista-filmografia li ul.info li.interpreta { font-size: .85rem; } } #ficha-persona-content ul.lista-filmografia li ul.info li { padding: 0; margin: 0; line-height: 1.4em; } #ficha-persona-content ul.lista-filmografia li ul.info li.ver-todos a { padding-left: 12px; font-size: .85rem; letter-spacing: 0.2px; line-height: 1.5em; color: #2c6887; text-decoration: underline; } #ficha-persona-content ul.lista-filmografia li ul.info li.ver-todos a:hover { color: #000; } #ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion span.anho { float: right; padding-right: 12px; color: #C74B3B; } @media screen and (max-width: 768px) { #ficha-persona-content ul.lista-filmografia li ul.info li.titulo-produccion span.anho { position: relative; top: 4px; padding-right: 10px; } } #ficha-persona-content ul li a { color: #006ade; font-weight: 600; } #ficha-persona-content ul li a:hover { color: #000; } ul li.fila-impar { background-color: #eaeff5; clear: both; } div.opciones-sup { float: right; font-size: 0.9rem; margin: 0; padding: 9px 2px 9px 9px; } .header-bg { background-color: #efefef; font-size: 22px; font-weight: bold; padding: 8px 16px; border-radius: 4px; }   #producciones-destacadas-content ul { list-style: none; margin: 0; padding: 0; } #producciones-destacadas-content ul li { display: inline-block; } #producciones-destacadas-content ul li a { text-decoration: none; } #producciones-destacadas-content ul li img { border-radius: 5px; }   #recomendaciones-container h3 { font-size: 1.25rem; } ul#recomendaciones { white-space: nowrap; overflow-x: scroll; } ul#recomendaciones::-webkit-scrollbar { display: none; } ul#recomendaciones li { width: 114px; flex: 0 0 114px; white-space: normal; vertical-align: top; } ul#recomendaciones li a { display: block; color: #212529; text-decoration: none; } ul#recomendaciones li img { border-radius: 5px; width: 114px; height: auto; } .production-related-label { display: block; margin-top: 5px; line-height: 1.15; font-size: .83rem; font-weight: 600; } .production-related-label small { font-size: .75rem; font-weight: 400; color: #666; } ul#recomendaciones li a:hover .production-related-label, ul#colecciones li a:hover .production-related-label { text-decoration: underline; } @media screen and (max-width: 768px) { ul#recomendaciones li { width: 92px; flex-basis: 92px; } ul#recomendaciones li img { width: 92px; } ul#recomendaciones { margin-right: -12px!important; } }   .catalog-explorer { border: 1px solid #d9dee3; border-radius: 6px; background: #f8f9fa; } .catalog-explorer summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 9px 14px; color: #212529; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; } .catalog-explorer summary::-webkit-details-marker { display: none; } .catalog-explorer summary::after { content: "\F282"; margin-left: 12px; font-family: "bootstrap-icons"; font-size: 13px; transition: transform 0.2s ease; } .catalog-explorer[open] summary::after { transform: rotate(180deg); } .catalog-explorer__genres { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 14px 14px; border-top: 1px solid #e3e6e9; padding-top: 12px; } .catalog-explorer__genres a { padding: 6px 12px; border: 1px solid #d6dbe0; border-radius: 999px; background: #fff; color: #212529; font-size: 13px; line-height: 1.2; text-decoration: none; } .catalog-explorer__genres a:hover, .catalog-explorer__genres a:focus-visible { border-color: #0d6efd; color: #0d6efd; } @media (max-width: 575.98px) { .catalog-explorer { margin-bottom: 16px !important; } .catalog-explorer summary { min-height: 42px; padding: 8px 12px; font-size: 14px; } .catalog-explorer__genres { gap: 7px; padding: 10px 12px 12px; } .catalog-explorer__genres a { padding: 6px 10px; } }   #colecciones-container h3 { font-size: 1.25rem; } ul#colecciones { white-space: nowrap; overflow-x: scroll; } ul#colecciones::-webkit-scrollbar { display: none; } ul#colecciones li { width: 114px; flex: 0 0 114px; white-space: normal; vertical-align: top; } ul#colecciones li a { display: block; color: #212529; text-decoration: none; } ul#colecciones li img { border-radius: 5px; width: 114px; } @media screen and (max-width: 768px) { ul#colecciones li { width: 92px; flex-basis: 92px; } ul#colecciones li img { width: 92px; } ul#colecciones { margin-right: -12px!important; } }   #container-section h1, h1.title-section { font-size: 1.5rem; font-weight: 700; letter-spacing: 0.4px; border-bottom: 1px solid #eee; color: #006ade; } @media screen and (max-width: 768px) { h1.title-section { display: inline-table; } } .container-reparto .img-cast { float: left; border-radius: 5px; } .container-reparto a { text-decoration: none; font-weight: 500; letter-spacing: 0.2px; } .container-reparto a:hover { text-decoration: underline; } .container-reparto span.as { font-size: 1rem; }   #menu-opciones-top { padding: 0; display: block; background: #000; border-top: 3px solid #ffc107; } #menu-opciones-top-persona { float: left; margin: 0; width: 100%; padding: 0; display: block; background: #000; border-top: 3px solid #ffc107; } #menu-opciones-top::-webkit-scrollbar, #menu-opciones-top-persona::-webkit-scrollbar { display: none; } #menu-opciones-top > ul, #menu-opciones-top-persona > ul { display: flex; list-style: none; margin: 0; padding: 0; max-width: 1920px; flex-wrap: nowrap; } #menu-opciones-top ul li, #menu-opciones-top-persona ul li { background-color: #333; } #menu-opciones-top ul li a, #menu-opciones-top-persona ul li a { background-color: #000; color: #fff; display: block; letter-spacing: 0.3px; margin-right: 2px; padding: 8px 22px; text-decoration: none; white-space: nowrap; } #menu-opciones-top ul li a span { color: #fff; } #menu-opciones-top ul li a.active span { color: #222; } #menu-opciones-top ul li a.active:hover span { color: #fff; } #menu-opciones-top ul li a i { font-size: 20px; } @media screen and (max-width: 768px) { #menu-opciones-top ul li a, #menu-opciones-top-persona ul li a { padding: 8px 15px; } } #menu-opciones-top ul li a:hover, #menu-opciones-top-persona ul li a:hover { color: #fff; text-decoration: underline; } #menu-opciones-top ul li a.active, #menu-opciones-top-persona ul li a.active { background-color: #fff; color: #000; font-weight: 700; } #menu-opciones-top ul li a.active:hover, #menu-opciones-top-persona ul li a.active:hover { background-color: #222; color: #fff; } #menu-opciones-top li.dropdown { position: relative; } #menu-opciones-top li.dropdown > a { display: flex; align-items: center; } #menu-opciones-top li.dropdown > .dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 180px; background: #000; border: 1px solid #444; padding: 0; display: none; z-index: 1000; white-space: normal; } #menu-opciones-top li.dropdown .dropdown-menu.show { display: block; }   #menu-opciones-top .dropdown-menu li { display: block !important; float: none !important; } #menu-opciones-top .dropdown-menu .dropdown-item { display: block; margin: 0; padding: 8px 16px; background: transparent; color: #fff; text-decoration: none; } #menu-opciones-top .dropdown-menu .dropdown-item:hover { background: #111; text-decoration: underline; } #menu-opciones-top .dropdown-menu .dropdown-item.active { background: #fff; color: #000; font-weight: 700; } #menu-opciones-top .dropdown-toggle::after { display: none; } @media (max-width: 575.98px) { #menu-opciones-top .dropdown-menu .show-mobile { display: inline !important; } #menu-opciones-top .dropdown-menu .only-icon { display: none !important; } #menu-opciones-top ul li a { padding-left: 19px; padding-right: 19px; } }   #menu-opciones-top.production-navigation > ul { flex-wrap: wrap; } #menu-opciones-top.production-navigation > ul > li { min-width: 0; } #menu-opciones-top.production-navigation .dropdown-toggle { border: 0; border-radius: 0; background: #000; color: #fff; font: inherit; padding: 8px 16px; margin-right: 2px; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 6px; } #menu-opciones-top.production-navigation .dropdown-toggle.active { background: #fff; color: #222; font-weight: 700; } #menu-opciones-top.production-navigation .dropdown-toggle > span { color: inherit; font: inherit; } #menu-opciones-top.production-navigation :is(a, button):focus-visible { outline: 3px solid #ffc107; outline-offset: -3px; } @media (max-width: 575.98px) { #menu-opciones-top.production-navigation > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; } #menu-opciones-top.production-navigation > ul > li > :is(a, button) { display: flex; align-items: center; justify-content: center; gap: 2px; width: 100%; height: 100%; min-height: 64px; padding: 7px 4px; margin: 0; font-size: 12px; line-height: 1.25; letter-spacing: 0; white-space: normal; text-align: center; } #menu-opciones-top.production-navigation > ul > li > a { flex-direction: column-reverse; } #menu-opciones-top.production-navigation .dropdown-toggle { flex-direction: column; font-size: 12px; padding: 7px 4px; gap: 2px; } #menu-opciones-top.production-navigation .dropdown-menu .dropdown-item { min-height: 44px; white-space: normal; } }   .production-overview { display: grid; grid-template-columns: calc(100% / 6 - 12px) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 24px; align-items: start; } .production-poster { grid-column: 1; grid-row: 1 / 3; min-width: 0; } .production-summary { grid-column: 2; grid-row: 1; min-width: 0; } .production-details { grid-column: 2; grid-row: 2; min-width: 0; overflow-wrap: anywhere; } .production-summary .line-info { margin-left: 0; } @media screen and (max-width: 768px) { .production-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; } .production-poster { grid-row: 1; } .production-details { grid-column: 1 / -1; } } .production-availability { margin: 0 0 20px; padding: 12px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .production-availability [hidden] { display: none !important; } .production-availability .availability-heading { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 8px; } .production-availability h2 { margin: 0; font-size: inherit; font-weight: 600; line-height: inherit; } .production-availability .availability-country-control { display: flex; align-items: center; gap: 6px; margin: 0; font-size: inherit; } .production-availability select { width: clamp(100px, 35vw, 165px); height: 32px; padding: 2px 6px; border: 1px solid #aaa; border-radius: 4px; background: #fff; color: #333; font: inherit; } .production-availability .availability-country-name { font-size: inherit; margin: 12px 0 8px; } .production-availability .availability-country { display: flex; flex-wrap: wrap; gap: 0 12px; } .production-availability .availability-country-name, .production-availability .availability-dates, .production-availability .availability-empty { flex-basis: 100%; } .production-availability.availability-enhanced .availability-country-name { display: none; } .production-availability .availability-offers { margin-bottom: 10px; max-width: 100%; } .production-availability h4 { font-size: inherit; color: #555; font-weight: 700; margin: 0 0 6px; } .production-availability .availability-platforms { display: flex; flex-wrap: wrap; gap: 10px 14px; list-style: none; margin: 0; padding: 0; } .production-availability .availability-platform { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 40px; max-width: 100%; margin: 0; text-align: left; font-size: inherit; line-height: inherit; } .production-availability .availability-platform img { display: block; width: 40px; height: 40px; border-radius: 7px; object-fit: contain; } .production-availability .availability-provider-name { color: #333; font: inherit; } .production-availability .availability-platform small { display: block; font-size: inherit; color: #555; } .production-availability .availability-logo-fallback { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 7px; background: #e9ecef; color: #555; font-size: 16px; } .production-availability details { margin: 0; font-size: inherit; } .production-availability summary { width: fit-content; min-height: 36px; padding: 9px 0; cursor: pointer; color: #444; font-weight: 700; } .production-availability details ul { margin: 2px 0 8px; padding-left: 18px; } .production-availability details li { margin: 3px 0; } .production-availability .availability-note { flex-basis: 100%; margin: 0 0 4px; color: #555; font-size: .875em; line-height: 1.4; } .production-availability .availability-empty { margin: 8px 0; color: #555; font-size: inherit; } .production-availability select:focus { outline: none; box-shadow: none; } .production-availability select:focus-visible { border-color: #555; } .production-availability summary:focus-visible { outline: 2px solid #996c00; outline-offset: 3px; } .container-ficha .poster { width: 100%; border-radius: 6px; } .container-ficha .row > .col-xs-6:first-child { padding-left: 0; padding-right: .75rem; } .container-ficha .row > .col-xs-6:last-child { padding-left: .75rem; padding-right: 0; } .container-ficha .row-section .poster { max-width: 90px; } .text-xs { font-size: 1rem; } @media screen and (max-width: 768px) { .text-xs { font-size: .9rem; line-height: 1.4; } } .row-section { display: flex; gap: 16px; align-items: flex-start; } .row-section .col-left { flex:0 0 90px; } .row-section .col-right { flex:1; } .row-section .poster { width:100%; height:auto; display:block; border-radius:6px; } @media screen and (max-width: 768px) { .row-section .col-left { flex:0 0 20%; } } .poster-wrap { position: relative; display: inline-block; width: 100%; } .poster-wrap .poster { display: block; width: 100%; height: auto; }   .trailer-overlay { position: absolute; left: 50%; bottom: 40%; transform: translateX(-50%); margin: 0 !important; z-index: 2; white-space: nowrap; box-shadow: 0 8px 20px rgba(0, 0, 0, .55), 0 0 0 4px rgba(0, 0, 0, .1); border: 0px solid rgba(0, 0, 0, .4); text-shadow: 0 1px 2px rgba(0, 0, 0, .2); }   .trailer-overlay:hover, .trailer-overlay:focus { box-shadow: 0 10px 24px rgba(0,0,0,.65), 0 0 0 2px rgba(0,0,0,.45); text-decoration: none; }   #votacion { border: 3px solid #ddd; border-radius: 10px; background-color: #fafafa; height: auto; line-height: 1.6em; margin-bottom: 6px; font-size: 1em; } #votacion span.texto-vota { color: #dc152c; font-weight: normal; padding: 0 10px 0 0; } div.valoraciones span.nota-media { padding: 15px 16px 15px 16px; font-weight: 700; background: url(../img/icons/star.png) 0 0 no-repeat; font-size: 1.05em; position: relative; } div.valoraciones .num-votos { line-height: 1; border: 1px solid #ccc; background-color: #fff; padding: 4px 10px; border-radius: 6px; } #votacion .fila-inferior a { color: #fff; } #votacion .fila-inferior .btn { letter-spacing: 0.1px; padding: 4px 14px; background: #212529; color: #fff; } #votacion .fila-inferior .btn:hover { background: #000; } #voto-produccion { max-width: 160px; display: inline-block; padding: .25rem 2.25rem .25rem .75rem; } @media screen and (max-width: 768px) { #voto-produccion { width: 130px; } } .add-pendientes, .btn-pendientes { line-height: 1.2; font-size: .85rem; } @media screen and (max-width: 768px) { .add-pendientes, .btn-pendientes { border-radius: 12px!important; padding: 5px; } } .col-content { width: 80%; } #featured-productions .list-group-horizontal, .col-content .list-group-horizontal { overflow-x: auto; } .col-content .list-group-horizontal::-webkit-scrollbar { display: none; } .col-sidebar { width: 20%; padding-left: 2rem; } .col-content-sub { width: 75%; } .col-sidebar-sub { width: 25%; padding-left: 2rem; } .card .card-text { letter-spacing: 0.2px; } #container-article article ul { list-style-type: disc; padding-left: 2rem; margin: 0; } @media screen and (max-width: 768px) { .col-content .card, .subnews-items .card { display: inline-block; border: 0; box-shadow: none!important; } .col-content .card h4, .subnews-items .card h4 { font-size: 1.15rem; font-weight: 600; margin-bottom: 0; } .col-content .card h4 a, .subnews-items .card h4 a { color: #212529; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .col-content #news-items .card h4 a, .subnews-items .card h4 a { -webkit-line-clamp: 3; } .col-content .card img, .subnews-items .card img { width: 50%; display: inline-block; vertical-align: top; border-radius: 0.25rem; } .col-content .card-body, .subnews-items .card-body { display: inline-block; width: 48%; padding: 0 0 0 .5rem; } #container-article .col-content .card-body { width: 63%; } #container-news .col-content #news-items .card-body { width: 100%; margin-top: 4px; } }   .alias-persona { margin-left: 0; font-size: 2.25rem; font-weight: 700; color: #0d6efd; } .alias-persona a { text-decoration: none; } .alias-persona a:hover { text-decoration: underline; } @media screen and (max-width: 768px) { .alias-persona { font-size: 2rem; } .btn-xs-sm { padding: 0.25rem 0.5rem; font-size: .875rem; } } .cartel_persona { float: left; text-align: left; margin: 0; } .cartel_persona img { border-radius: 5px; } .lista-imagenes { clear: both; white-space: nowrap; overflow-x: scroll; } .lista-imagenes::-webkit-scrollbar { display: none; } .lista-imagenes li { display: inline; margin-right: 8px; } .lista-imagenes li a { text-decoration: none; } .lista-imagenes li a img { border-radius: 5px; } @media screen and (max-width: 1366px) { .lista-imagenes li a img { width: 115px; } } @media screen and (max-width: 768px) { .lista-imagenes li a img { width: 95px; } } .ver-filmografia { display: inline-block; margin: 0 auto; background-color: #000; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1.1rem; font-weight: 500; letter-spacing: 0.2px; color: #cff900; text-decoration: none; } .ver-filmografia:hover { background-color: #ffc107; color: #000; } .cuenta-elementos { clear: both; } .cuenta-elementos a { text-decoration: none; font-size: 1rem; } .cuenta-elementos a:hover { text-decoration: underline; } .enlaces-roles { padding-bottom: 5px; border-bottom: 1px solid #ccc; } .enlaces-roles a { text-decoration: none; font-weight: 600; color: #ce0003; margin: 0 4px; font-size: 1rem; } .enlaces-roles a:hover { text-decoration: underline; } #conocida-por-content, #ha-trabajado-con-content { white-space: nowrap; overflow-x: scroll; } #conocida-por-content::-webkit-scrollbar, #ha-trabajado-con-content::-webkit-scrollbar { display: none; } #conocida-por-content ul, #ha-trabajado-con-content ul { margin: 0; padding: 0; } #conocida-por-content ul li, #ha-trabajado-con-content ul li { display: inline; margin-right: 13px; } #conocida-por-content ul li a img { width: 121px; border-radius: 5px; } #ha-trabajado-con-content ul li a img { width: 90px; border-radius: 5px; } #ha-trabajado-con-content ul li { display: inline-block; width: 90px; white-space: normal; vertical-align: top; } #ha-trabajado-con-content ul li a { color: #212529; text-decoration: none; } .person-related-label { display: block; margin-top: 5px; font-size: .82rem; font-weight: 600; line-height: 1.15; } #ha-trabajado-con-content ul li a:hover .person-related-label { text-decoration: underline; } @media screen and (max-width: 1366px) { #conocida-por-content ul li a img { width: 100px; } } @media screen and (max-width: 1152px) { #conocida-por-content ul li a img { width: 95px; } } @media screen and (max-width: 768px) { #conocida-por-content ul li, #ha-trabajado-con-content ul li { margin-right: 8px; } #conocida-por-content ul li a img { width: 95px; } } #ficha-persona-content ul { list-style: none; margin: 0; padding: 0; } h3.subtitulo-ficha { font-size: 1.5rem; font-weight: 700; letter-spacing: 0.2px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .list-categorias li { font-size: .95rem; border: 0; padding-top: 1px; padding-bottom: 1px; } .list-categorias li a { color: #333; text-decoration: none; } .list-categorias li a:hover { color: #111; text-decoration: underline; } @media screen and (max-width: 768px) { .list-categorias li { font-size: 1.1rem; } }   .container-breadcrumb { white-space: nowrap; overflow-x: scroll; } .container-breadcrumb::-webkit-scrollbar { display: none; } .breadcrumb { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.85rem!important; letter-spacing: 0.2px; flex-wrap: nowrap; } @media screen and (max-width: 768px) { .breadcrumb { padding-left: 10px; } } .breadcrumb a { text-decoration: none; color: #212529; } .breadcrumb a:hover { color: #0056d5; }   article h1.post-title { font-weight: bold; } article .post-meta { font-size: 0.85rem; letter-spacing: 0.2px; } article p { font-size: 1rem; } article p img, article figure img { width: 100%; border-radius: 10px; } .post-body figure.media { position: relative; width: 100%; margin: 1.25rem 0; aspect-ratio: 16 / 9; overflow: hidden; background: #000; } .post-body figure.media > div, .post-body figure.media > div > div, .post-body figure.media iframe { width: 100%; height: 100%; } .post-body figure.media iframe { display: block; border: 0; } article ul li { font-size: 1.1rem; } article .psec { font-size: 1.2rem; font-weight: 700; } @media screen and (max-width: 768px) { article h1.post-title { line-height: 1.05; font-size: 1.75rem; } article p { line-height: 1.4; font-size: 1rem; } } article img.col-w50 { float: left; width: 50%; margin-right: 22px; margin-bottom: 6px; } article h3 { display: block; font-size: 24px; font-weight: 600; color: #3669eb; margin: 35px 0 5px; } article .lista-especial img { max-width: 164px; margin: 0 6px 14px; } @media screen and (max-width: 768px) { .nav-tags { display: inline-block; } .nav-tags li { display: inline-block; } .nav-tags li a { padding: 0; } }   .share-widget { background-color: #E8F0F9; border: 1px solid #ABD2E9; padding: 14px 0 14px; border-radius: 10px; margin: 26px auto; text-align: center; } .share-widget .bi { font-size: 32px; margin: 0 6px; color: #000; } .share-widget .bi:hover { color: #212529; } .share-widget .bi-facebook { color: #324C87; } .share-widget .bi-twitter { color: #12AAE0; } .share-widget .bi-whatsapp { color: #3CC14F; } .share-widget .bi-telegram { color: #398CDA; } .share-widget .sw-title { color: #3A5796; font-size: 1.2em; font-weight: bold; display: inline-block; padding: 0; margin: 0 5px 0 0; vertical-align: text-bottom; } .share-widget .sw-content { display: inline-block; padding: 0; margin: 0 0 0 5px; } @media screen and (max-width: 768px) { .share-widget .sw-title { margin: 0 0 8px; } .share-widget .sw-content { margin: 0; } }   .post-themes { width: 100%!important; border-radius: 10px; } .post-themes .themes { font-weight: 500!important; font-size: 0.85rem!important; border-radius: 10px; } .post-themes .nav a { color: #212529!important; font-size: 0.85rem!important; font-weight: 500!important; letter-spacing: 0.2px; } .post-themes .nav a:hover { text-decoration: underline; } .post-related-entities { padding: 14px 16px; border: 1px solid #e0e0e0; border-radius: 10px; background: linear-gradient(135deg, #fff 0%, #f7f7f7 100%); } .post-related-entities h2 { font-weight: 700; } .post-related-entities ul, .post-themes ul { padding-left: 0 !important; margin-left: 0; list-style: none !important; } .post-related-entities li::marker, .post-themes li::marker { content: ""; } .post-related-entities ul { padding-left: 0; list-style: none; } .related-entity-link { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border: 1px solid #d5d5d5; border-radius: 999px; background: #fff; color: #212529; font-size: .86rem; font-weight: 600; text-decoration: none; } .related-entity-link:hover { border-color: #ffc107; background: #ffc107; color: #111; } @media screen and (max-width: 768px) { .post-themes .themes { margin-top: 10px; } }   .related-posts .rp-title { font-weight: 700; } .related-posts .card { border-radius: 10px; } .related-posts .card img { height: 140px; width: 100%; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; } .related-posts .card h4 { font-size: 1.05rem; letter-spacing: 0.2px; font-weight: 700; } .related-posts .card .card-body { padding: .6rem .8rem .2rem; } @media screen and (max-width: 768px) { .related-posts .card img { height: auto; border-radius: 10px; } #container-article .related-posts .card img { width: 35%; height: 70px; } #container-article .related-posts .card .card-body { padding: .3rem 0 .2rem .8rem; } }   #article-comments .wrapper-comment { display: flex; -ms-flex-direction: row; flex-direction: row; } #article-comments .avatar-col { width: 5%; max-width: 55px; margin-right: 10px; } #article-comments .user-comment .bi { font-size: 44px; padding: 3px; border-radius: 10px; background-color: #eee; } #article-comments .comment-col { width: 95%; } #article-comments .form-control { border: 1px solid #ccc; border-radius: 10px!important; font-size: 1.05rem; letter-spacing: 0.2px; } #article-comments .wrapper-container .btn { border-radius: 10px!important; } @media screen and (max-width: 768px) { #article-comments .avatar-col { width: 12%; } #article-comments textarea.form-control { min-height: 150px; } }   #comments-sidebar ul.list-group { border-radius: 10px!important; border: 0!important; } #comments-sidebar ul li { border: 0!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #comments-sidebar ul li .bi { color: #00D4F9; } #comments-sidebar ul li a { color: #ff4800; text-decoration: none; letter-spacing: 0.2px; } #comments-sidebar ul li a:hover { color: #212529; } #comments-sidebar ul li:nth-child(even){ background-color: #fff; } #comments-sidebar ul li:nth-child(odd){ background-color: #E8F0F9; }   .swiper { width: 100%; height: 100%; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .swiper-slide .swiper-slide-detail { background: rgb(0 0 0 / 60%); width: 100%; position: absolute; left: 0; height: 100%; right: 10px; bottom: 0; border-radius: 10px; } @media screen and (max-width: 768px) { .swiper-slide .swiper-slide-detail { background: rgb(0 0 0 / 65%); } } .swiper-slide a.swiper-slide-detail { color: #fff!important; } .swiper-slide a.swiper-slide-detail:hover{ color: #ffc107!important; } .swiper-slide .swiper-slide-detail h3, .swiper-slide .swiper-slide-detail h4 { font-size: 1.35rem; letter-spacing: 0.4px; font-weight: bold; position: absolute; padding-left: 30px; padding-right: 30px; bottom: 20px; border-radius: 10px; } .swiper-pagination { bottom: 0!important; } .swiper-pagination-bullet { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px!important; height: 3px!important; cursor: pointer; background-color: #fff!important; background-clip: padding-box!important; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5!important; transition: opacity .6s ease; border-radius: 0!important; display: none!important; } .swiper-pagination-bullet-active { opacity: 1!important; background-color: #ffc108!important; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.5rem!important; color: #fff!important; }   #container-slider-home { overflow: hidden; }   #estrenos { overflow: hidden; } #estrenos .content-title h3:before { background: red; } @media screen and (max-width: 768px) { #estrenos { padding-right: 12px; padding-left: 12px; } } .swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 154px; } @media screen and (max-width: 768px) { .swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 90px; } } .swiperNacieron .cumple_nombre { position: absolute; bottom: 4px; font-size: .8rem; letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 5px; width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .swiperNacieron .cumple_anos { position: absolute; top: 0; font-size: .8rem; letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 5px; width: 56px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 1600px) { .swiperNacieron .cumple_anos { font-size: .75rem; } .swiperNacieron .cumple_nombre { width: 105px; font-size: .75rem; } } @media screen and (max-width: 1440px) { .swiperNacieron .cumple_nombre { width: 100px; } } @media screen and (max-width: 1366px) { .swiperNacieron .cumple_nombre { width: 95px; } } @media screen and (max-width: 1280px) { .swiperNacieron .cumple_nombre { width: 90px; } } .swiperEstrenos .swiper-slide a { text-decoration: none; display: block; border-radius: 10px; box-shadow: 2px 2px 3px #969696; } .swiperNacieron .swiper-slide a img { box-shadow: 2px 2px 3px #969696; width: 120px; height: auto; } @media screen and (max-width: 1600px) { .swiperNacieron .swiper-slide a img { width: 105px; } .swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 138px; } } @media screen and (max-width: 1440px) { .swiperNacieron .swiper-slide a img { width: 100px; } .swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 130px; } } @media screen and (max-width: 1366px) { .swiperNacieron .swiper-slide a img { width: 95px; } .swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 125px; } } @media screen and (max-width: 1280px) { .swiperNacieron .swiper-slide a img { width: 90px; } .swiperNacieron, .swiperNacieron .swiper-wrapper, .swiperNacieron .swiper-slide { height: 118px; } } @media screen and (max-width: 768px) { .swiperNacieron .swiper-slide a img { box-shadow: 1px 1px 2px #969696; width: 100%; } } .swiperEstrenos .swiper-slide a span { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 0.65rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.6px; background-color: #212529; color: #ffe000; padding: 1px 7px; border-bottom: 1px solid #3c3c3c; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .swiperEstrenos .swiper-slide img { border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .swiperEstrenos .swiper-slide a span.pais { position: absolute; bottom: 24px; right: 3px; height: 19px; width: 16px; border: 0; border-radius: 0; background-color: transparent; } @media screen and (max-width: 768px) { .swiperEstrenos .swiper-slide a { box-shadow: 1px 1px 2px #969696; } .swiperEstrenos .swiper-slide a span { font-size: 9px; } .swiper { overflow: hidden!important; } } #news-items .card, .subnews-items .card, #trailers-sidebar .card { border-radius: 10px; } #news-items img, .subnews-items img, #trailers-sidebar img { width: 100%; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #news-items .home-latest-image-link { display: block; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 10px 10px 0 0; } #news-items img.home-latest-image { display: block; width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 768px) { #news-items img, .subnews-items img { border-radius: 10px; } } #trailers-sidebar img { width: 100%; height: 145px; object-fit: cover; } .card h4 { font-weight: 700; } .card p.card-text { line-height: 22px; } @media screen and (max-width: 1152px) { .card p.card-text { font-size: .95rem; } } #container-subnews .card p.card-text { line-height: 20px; } #news-items .card a, .subnews-items .card a { text-decoration: none; color: #212529!important; } #news-items .card a:hover, .subnews-items .card a:hover { color: #0d6efd!important; } #news-items .card a.category, .subnews-items .card a.category { color: #fff!important; } #news-items .card a.category:hover, .subnews-items .card a.category:hover { color: #212529!important; } #news-items .card a.btn, .subnews-items .card a.btn { color: #fff!important; } @media screen and (max-width: 768px) { #news-items .card h4 { font-size: 1.05rem; margin-bottom: 0; } #news-items .card p.card-text { font-size: 0.8rem; line-height: 1rem; } #news-items .card .card-body small { font-size: 0.8rem; } } .card .category { position: absolute; left: 0; top: 10px; z-index: 2; display: inline-flex; align-items: center; min-height: 28px; letter-spacing: 0.2px; background-color: #b00020; color: #fff; font-size: 0.8rem; font-weight: 700; text-decoration: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .card .category:hover { background-color: #f5c518; color: #212529; } .card.shadow-sm img { width: 100%; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } @media screen and (max-width: 768px) { .card.shadow-sm img { width: 50%; } } .card-body .read-more .btn { padding-top: 0.15rem; padding-bottom: 0.15rem; } .card h4 a { text-decoration: none; color: #0024db; } .card h4 a:hover { color: #C40B3C; } .container-more { margin: 0 auto; } .container-more a { width: 90%; } .subnews-items .card img { height: 180px; object-fit: cover; } @media screen and (max-width: 1600px) { .subnews-items .card img { height: 150px; } } @media screen and (max-width: 1440px) { .subnews-items .card img { height: 145px; } } @media screen and (max-width: 1366px) { .subnews-items .card img { height: 135px; } } @media screen and (max-width: 1280px) { .subnews-items .card img { height: 120px; } } @media screen and (max-width: 1152px) { .subnews-items .card img { height: 110px; } } .subnews-items .card img.especial { height: 140px; } .subnews-items .card h4 { font-size: 1.15rem; font-weight: 700; } .subnews-items .card .card-text { font-size: 0.95rem; } @media screen and (max-width: 1600px) { .subnews-items .card .card-text { font-size: .9rem; } } @media screen and (max-width: 1440px) { .subnews-items .card .card-text { font-size: 0.85rem; } .subnews-items .card h4 { font-size: 1.05rem; } .card p.card-text { line-height: 17px; } #news-items .card p.card-text { line-height: 21px; } small { font-size: .8rem; } } @media screen and (max-width: 768px) { .subnews-items .card img, .subnews-items .card img.especial { height: auto; } .subnews-items .card h4 { font-size: 1.1rem; margin-bottom: 0; } .subnews-items .card .card-body small { font-size: 0.8rem; } } #trailers-sidebar h5 { font-size: 1rem; letter-spacing: 0.2px; margin-bottom: 0; } @media screen and (max-width: 1366px) { #trailers-sidebar h5 { font-size: .9rem; } } @media screen and (max-width: 768px) { #trailers-sidebar h5 { font-size: .95rem; } } #trailers-sidebar a { color: #212529; text-decoration: none; } #trailers-sidebar a:hover { color: #0d6efd; } #trailers-sidebar .play-video { top: 10px; right: 10px; padding: 0 33px 33px 0; background: url(../img/play-video.png) no-repeat top right; position: absolute; z-index: 999; } #trailers-sidebar .card-body { padding: 0.5rem 1rem; }   #sidebar-cols .row { padding-left: 7px; padding-right: 7px; } #sidebar-cols .row .item { padding: 0 5px 2px; } #sidebar-cols .row .item a { position: relative; } #sidebar-cols .row .item a .play-video { padding: 0 20px 20px 0; background: url(../img/play-video-icon-sidebar.png) no-repeat; position: absolute; z-index: 2; margin-top: 3px; right: 3px; opacity: 0.7; } #sidebar-cols .row .item img { border-radius: 4px; width: 100%; }   #featured-productions, #featured-people { overflow-x: hidden; } #featured-productions, #featured-people .list-group { border-radius: 10px; border: 0; } #featured-productions .list-group-item, #featured-people .list-group-item { border: 0; } #featured-productions .list-group img, #featured-people .list-group img { border-radius: 10px; width: 130px; } #featured-people .list-group img { width: 115px; } @media screen and (max-width: 1440px) { #featured-productions .list-group img, #featured-people .list-group img { width: 120px; } } @media screen and (max-width: 1366px) { #featured-productions .list-group img, #featured-people .list-group img { width: 110px; } } @media screen and (max-width: 1152px) { #featured-productions .list-group img, #featured-people .list-group img { width: 90px; } } @media screen and (max-width: 768px) { #featured-productions .list-group img, #featured-people .list-group img { width: 94px; } }   #ultimos-comentarios-lateral-content { background-color: #f2f7fb; border-radius: 10px; } #ultimos-comentarios-lateral-content ul { list-style: none; margin: 0; padding: 0; } #ultimos-comentarios-lateral-content ul li { color: #282828; letter-spacing: 0.2px; font-weight: normal; font-size: 0.95rem; line-height: 1.4; } #ultimos-comentarios-lateral-content ul li.fila-par { background-color: #dcebf2; } #ultimos-comentarios-lateral-content ul li.fila-impar { background-color: transparent; } #ultimos-comentarios-lateral-content ul li a { color: #ef4700; text-decoration: none; } #ultimos-comentarios-lateral-content ul li a:hover { color: #144ceb; } #ultimos-comentarios-lateral-content ul li span.usuario-comenta { color: #777; }   #ultimos-votos-usuarios-content { background-color: #f2f7fb; border-radius: 10px; } #ultimos-votos-usuarios-content ul { list-style: none; margin: 0; padding: 0; } #ultimos-votos-usuarios-content ul li { color: #282828; letter-spacing: 0.2px; font-weight: normal; font-size: 0.95rem; } #ultimos-votos-usuarios-content ul li i { color: #fbcb13; } #ultimos-votos-usuarios-content ul li span { margin-left: 5px; padding: 2px 5px; color: #fff; font-size: 0.9rem; border-radius: 5px; } #ultimos-votos-usuarios-content ul li span.verde { background-color: #00d100; } #ultimos-votos-usuarios-content ul li span.rojo { background-color: #f40300; } #ultimos-votos-usuarios-content ul li span.amarillo { background-color: #fbcb13; color: #000; } #ultimos-votos-usuarios-content ul li a { color: #ef4300; text-decoration: none; white-space: nowrap; display: inline-block; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; max-width: 209px; } #ultimos-votos-usuarios-content ul li a:hover { color: #144ceb; } #ultimos-votos-usuarios-content ul li.fila-impar { background-color: transparent; } #ultimos-votos-usuarios-content ul li.fila-par { background-color: #e1ecf2; } @media screen and (max-width: 1600px) { #ultimos-votos-usuarios-content ul li a { max-width: 229px; } } @media screen and (max-width: 1440px) { #ultimos-votos-usuarios-content ul li a { max-width: 220px; } } @media screen and (max-width: 1366px) { #ultimos-votos-usuarios-content ul li { font-size: 0.9rem; } #ultimos-votos-usuarios-content ul li a { max-width: 203px; } } @media screen and (max-width: 1280px) { #ultimos-votos-usuarios-content ul li a { max-width: 178px; } } @media screen and (max-width: 1152px) { #ultimos-votos-usuarios-content ul li { font-size: 0.85rem; } } @media screen and (max-width: 768px) { #ultimos-votos-usuarios-content ul li { font-size: 0.9rem; } #ultimos-votos-usuarios-content ul li a { font-size: 1rem; } #ultimos-comentarios-lateral-content ul li { font-size: 0.9rem; } }   .season-nav-links { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; } .lista-temporadas .season-nav-links a { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; margin: 0; } .season-guide-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; clear: both; } .season-guide-heading h2 { margin: 0; font-size: 1.25rem; } .season-synopsis-toggle { border: 1px solid #bbb; border-radius: 4px; padding: 3px 7px; font: inherit; font-size: .85rem; line-height: 1.3; display: inline-flex; align-items: center; gap: 5px; color: #222; background: #fff; cursor: pointer; } .season-synopsis-toggle[hidden] { display: none; } .season-synopsis-toggle svg { width: 14px; height: 14px; flex: none; } .season-synopsis-toggle[aria-expanded="true"] .synopsis-icon-show, .season-synopsis-toggle[aria-expanded="false"] .synopsis-icon-hide { display: none; } .season-synopsis-toggle:focus-visible { outline: 2px solid #222; outline-offset: 2px; } #lista-capitulos .season-episode-list { list-style: none; padding: 0; margin: 0; } #lista-capitulos .season-episode { padding: 14px 0; border-bottom: 1px solid #ddd; } .season-episode-title { font-size: 1rem; margin: 0 0 8px; overflow-wrap: anywhere; } .season-episode-title .color-titulo { color: #0980da; } .season-episode-title a { color: #dd6809; } .season-episode .sinopsis-capitulo { overflow-wrap: anywhere; } .season-episode .sinopsis-capitulo p { margin-bottom: 8px; } .season-episode-releases summary { font-weight: 600; cursor: pointer; } #lista-capitulos .season-episode-releases ul { margin: 6px 0 0; padding: 0; list-style: none; } #lista-capitulos .season-episode-releases li { margin-bottom: 4px; overflow-wrap: anywhere; } .season-episode-no-dates { margin-bottom: 0; } .titulo-temporada span.ocultar { margin: 3px 0 0 0; float: right; padding: 5px 1px 3px; background-color: #f27f02; color: #fff; font-size: .66em; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .titulo-temporada span.ocultar a { color: #fff; text-decoration: none; padding: 2px 9px 2px 9px; } div.lista-temporadas { float: left; width: 100%; border-bottom: 1px solid #ccc; } div.lista-temporadas a { padding: 1px 14px 0 14px; margin-right: 5px; font-size: 1em; font-weight: bold; border: 1px solid #bbb; background-color: #fff; color: #000; text-decoration: none; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.lista-temporadas a.activa { background-color: #515151; color: #fff; } div.lista-temporadas span.texto { font-weight: bold; color: #d60c20; margin-bottom: 5px; } #lista-capitulos ul { margin: 0 0 5px 0; padding: 0; list-style: none; } #lista-capitulos ul li { padding: 0; } #lista-capitulos ul li a { color: #dd6809; text-decoration: none; } #lista-capitulos ul li ul li.titulo-capitulo { padding-top: 6px; font-size: 1em; font-weight: normal; } #lista-capitulos ul li ul li.titulo-capitulo span.color-titulo { color: #0980da; font-weight: bold; } #lista-capitulos div.ver-fechas-estreno-capitulo { margin: 0 0 8px 0; padding: 0; } #lista-capitulos div.ver-fechas-estreno-capitulo a { font-size: .9em; color: #c13007; } #lista-capitulos ul li div.separador { height: 1px; width: auto; background-color: #e2e2e2; text-align: center; margin: 0 auto; } table.fechas_estreno_capitulos { padding: 0; border-collapse: collapse; margin: 8px 0 10px; width: auto; min-width: 640px; line-height: 1em; border: 1px solid #ccc; } @media screen and (max-width: 768px) { table.fechas_estreno_capitulos { min-width: auto; } } table.fechas_estreno_capitulos th { background-color: #ededed; border-right: 1px solid #ddd; } table.fechas_estreno_capitulos td { border-right: 1px solid #ddd; border-top: 1px solid #ccc; } h2.tit-capitulo, h1.tit-capitulo { margin: 0 auto; text-align: center; font-size: 1.6em; font-weight: bold; } h3.temcap-capitulo, h2.temcap-capitulo { margin: 0 auto; margin-top: 18px; line-height: 1em; color: #D80300; text-align: center; font-size: 1.1em; } div.tit-sinopsis, .container-capitulo h2.tit-sinopsis { clear: both; padding-top: 7px; text-decoration: underline; font-weight: bold; font-size: 1.05em; } div.cap-sinopsis { padding-top: 8px; line-height: 1.3em; } ul li.reparto-capitulo { margin-top: 15px; display: inline-block; width: 283px; font-size: .9em; } ul { margin: 0 0 5px 0; padding: 0; list-style: none; } .nav-episode i { font-size: 3rem; } .nav-episode { margin-top: -45px; }   ul:is(#productions-list, .productions-list) li:nth-child(even), ul#people-list li:nth-child(even), ul#news-list li:nth-child(even) { background-color: #fff; } ul:is(#productions-list, .productions-list) li:nth-child(odd), ul#people-list li:nth-child(odd), ul#news-list li:nth-child(odd){ background-color: #E8F0F9; } ul:is(#productions-list, .productions-list).list-group, ul#people-list.list-group, ul#news-list.list-group { border-top-left-radius: 10px; border-top-right-radius: 10px; } ul:is(#productions-list, .productions-list).list-group .list-group-item { line-height: 1.4; } ul:is(#productions-list, .productions-list) .list-group-item a, ul#people-list .list-group-item a, ul#news-list .list-group-item a { text-decoration: none; font-size: 0.9rem; letter-spacing: 0.2px; } ul:is(#productions-list, .productions-list) .list-group-item a:hover, ul#people-list .list-group-item a:hover, ul#news-list .list-group-item a:hover { text-decoration: underline; } ul:is(#productions-list, .productions-list) .list-group-item a.item-title, ul#people-list .list-group-item a.item-title, ul#news-list .list-group-item a.item-title { font-size: 1.15rem; color: #212529; } ul:is(#productions-list, .productions-list) .list-group-item a img, ul#people-list .list-group-item a img, ul#news-list .list-group-item a img { top: 3px; position: relative; border-radius: 5px; } ul:is(#productions-list, .productions-list) .eliminar-pendiente span { color: #fff; } @media screen and (max-width: 768px) { ul:is(#productions-list, .productions-list) .eliminar-pendiente span { display: none; } } ul#news-list .list-group-item div { font-size: 0.9rem; line-height: 20px; } ul#news-list .list-group-item span { display: block; font-size: 0.8rem; letter-spacing: 0.2px; font-weight: 500; color: #888; } @media screen and (max-width: 768px) { ul#news-list .list-group-item a.item-title { font-size: 0.95rem; } ul#people-list.list-group .list-group-item { line-height: 1.4; } }   #pagination-nav .bi { font-size: 0.75rem; } .container-block { margin: 0 auto; } .container-block .col-2 { position: relative; } .container-block img { border-radius: 5px; } @media screen and (max-width: 1600px) { .container-block img { max-width: 160px; } } @media screen and (max-width: 1366px) { .container-block img { max-width: 150px; } } @media screen and (max-width: 1280px) { .container-block img { max-width: 140px; } } @media screen and (max-width: 1152px) { .container-block img { max-width: 125px; } } .container-block .col-2 i { position: absolute; z-index: 2; top: 8px; right: 16px; color: #fff; opacity: .8; } @media screen and (max-width: 1440px) { .container-block .col-2 i { right: 8px; } } @media screen and (max-width: 768px) { .container-block img { max-width: 100%; } .container-block .col-2 i { top: 6px; right: 20px; } } .container-block .col-2 i:before { font-weight: bold; font-size: 26px; } .container-block .col-2 .titulo { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 190px; } .container-block .col-2 .titulo a { font-size: 0.9rem; text-decoration: none; color: #212529; } @media screen and (max-width: 1152px) { .container-block .col-2 i:before { font-size: 21px; } .container-block .col-2 .titulo a { font-size: 0.85rem; } }   #criticas-sidebar .row { border-radius: 10px; } #criticas-sidebar .row img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #criticas-sidebar .row p { font-size: 0.85rem; line-height: 18px; } #criticas-sidebar .row a { } #criticas-sidebar .col-content-rating { padding: 0.5rem 0.75rem 0.35rem!important; border-radius: 10px; } @media screen and (max-width: 1366px) { #criticas-sidebar .col-content-rating { padding: 0.3rem 0.75rem 0.15rem!important; } } #criticas-sidebar .col-content-rating a.link { font-size: 0.9rem; font-weight: bold; color: #212529; text-decoration: none; } #criticas-sidebar .col-content-rating a.link:hover { text-decoration: underline; } #criticas-sidebar .title { font-size: 1rem; font-weight: 600; letter-spacing: 0.2px; } @media screen and (max-width: 1366px) { #criticas-sidebar .title { font-size: .8rem; } #criticas-sidebar .col-content-rating a.link { font-size: 0.75rem; } } #criticas-sidebar .title a { color: #212529; text-decoration: none; } #criticas-sidebar .title a:hover { text-decoration: underline; } #criticas-sidebar .rating { background: #ffc107; border-radius: 5px; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.2px; } @media screen and (max-width: 1366px) { #criticas-sidebar .rating { font-size: 0.75rem; } } @media screen and (max-width: 768px) { #criticas-sidebar .title, #criticas-sidebar .rating, #criticas-sidebar .col-content-rating a.link { font-size: 1.05rem; } }   .ads-block-1 {   height: 215px; } .ads-block-2 { border: 1px solid #ddd; border-radius: 10px; background-color: #f5f5f5; padding: 10px; text-align: center;   width: 100%; } .ad-post { clear: both; margin: 32px 0; padding: 18px 0; text-align: center; width: 100%; } .ad-ficha { display: inline-block; margin-top: 24px; padding: 16px 0; text-align: center; width: 100%; } .ad-section { display: inline-block; margin: 24px auto; padding: 16px 0; text-align: center; width: 100%; } .ad-homepage { padding: 16px 0; text-align: center; } .ads-enabled .ad-post, .ads-enabled .ad-ficha, .ads-enabled .ad-section, .ads-enabled .ad-homepage { min-height: 140px; } .ads-enabled .episode-ad { min-height: 110px; } .ad-section > .ad-ficha, .ad-ficha > .ad-ficha { margin: 0; padding: 0; } .ads-enabled .ad-section > .ad-ficha, .ads-enabled .ad-ficha > .ad-ficha { min-height: 0; } [data-ad-collapse][hidden], .ad-unfilled { display: none !important; min-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } @media screen and (max-width: 768px) { .ads-enabled .ad-post, .ads-enabled .ad-ficha, .ads-enabled .ad-section, .ads-enabled .ad-homepage { min-height: 250px; } .ads-enabled .episode-ad { min-height: 100px; } .homepage-featured-ad .ads-block-1 { height: auto; min-height: 100px; margin-top: 16px; } } .fallback-ad { margin: 6px 0; } .fallback-ad img { width: 100%; }   footer ul li a { letter-spacing: 0.2px; } @media screen and (max-width: 768px) { footer ul li a { font-size: 0.8rem; display: inline-flex; align-items: center; min-height: 24px; } }   .ul-menu li a { letter-spacing: 0.3px; font-size: 1.1rem; color: #fff!important; } @media screen and (max-width: 1600px) { .ul-menu li a { font-size: 1rem; } } @media screen and (max-width: 1366px) { .ul-menu li a { font-size: .9rem; } } @media screen and (max-width: 1024px) { .ul-menu li a { font-size: .85rem; } } .ul-menu li a:hover { color: #ffc107!important; } .ul-menu li a.active { color: #ffc107!important; }   .ul-menu .nav-item .dropdown-menu li a { color: #212529!important; text-decoration: none!important; font-size: 1rem; } .ul-menu .nav-item .dropdown-menu li a:focus { background-color: #212529; color: #fff!important; } @media screen and (max-width: 1600px) { .ul-menu .nav-item .dropdown-menu li a { font-size: .95rem; } } @media screen and (max-width: 1440px) { .ul-menu .nav-item .dropdown-menu li a { font-size: .9rem; } } @media screen and (max-width: 1152px) { .ul-menu .nav-item .dropdown-menu li a { font-size: .85rem; } } @media screen and (max-width: 768px) { .ul-menu li a, .ul-menu .nav-item .dropdown-menu li a { font-size: 1.25rem; } }   #trending-row { overflow: hidden!important; white-space: nowrap!important; } @media screen and (max-width: 1440px) { #trending-row { padding: 0; } h4 { font-size: 1.4rem; } h3 { font-size: 1.6rem; } } @media screen and (max-width: 1280px) { h3 { font-size: 1.5rem; } } @media screen and (max-width: 768px) { h3 { font-size: 1.45rem; } } #trending-row ul { max-width: 1920px; flex-wrap: nowrap; } #trending-row ul li a { color: #212529!important; font-size: 0.85rem!important; font-weight: 500!important; letter-spacing: 0.2px; } #trending-row ul li a:hover { text-decoration: underline; } @media screen and (max-width: 768px) { #trending-row ul li a { font-size: 0.9rem!important; } } #trending-row .trending-title { font-weight: 500!important; font-size: 0.85rem!important; border-radius: 10px; color: #fff!important; padding: 1px 0; position: relative; top: 6px; } @media screen and (max-width: 768px) { #trending-row { max-height: 48px; overflow-x: scroll!important; padding-left: 0; } #trending-row::-webkit-scrollbar { display: none; } #trending-row ul li a { display: inline-flex; align-items: center; min-height: 48px; padding-top: 0 !important; padding-bottom: 0 !important; } #trending-row .trending-title { top: 0; } .content-title-home h2, .content-title-home h3 { min-height: 48px; } .content-title h2 .ver-todos, .content-title h3 .ver-todos, .content-title-home h2 .ver-todos, .content-title-home h3 .ver-todos { display: inline-flex; align-items: center; min-height: 48px; padding-top: 0; padding-bottom: 0; top: 0; } }   .filters-container { } .filter-section { position: relative; } .filters-container .btn-filter { color: #212529; font-weight: 500; background-color: #fff; border-radius: 0!important; border-left: 1px solid #ced4da; border-right: 1px solid #ced4da; } .filters-container .btn-filter:hover { background-color: #ffc107; color: #212529; } .filters-container .btn-filter.active { color: #fff; background-color: #000; } .filters-container .btn-filter.active:hover { color: #ffc107; } .filters-container .btn-filter .bi { position: relative; top: -1px; margin-right: 2px; } .filters-container .form-select, .filters-container .form-control { max-width: 320px; display: inline-block; border-radius: 20px; } @media screen and (max-width: 768px) { .filters-container .form-select, .filters-container .form-control { max-width: 100%; } } .filters-container .form-control { border: 1px solid #ced4da; } .filters-container .btn-group { border-radius: 20px; border: 1px solid #ced4da; } .filters-container .btn-group a:first-child { border-top-left-radius: 20px!important; border-bottom-left-radius: 20px!important; } .filters-container .btn-group a:last-child { border-top-right-radius: 20px!important; border-bottom-right-radius: 20px!important; } .filterModal { font-size: 1.75rem; font-weight: bold; } .filterModal .modal-dialog { max-width: fit-content; } @media screen and (max-width: 768px) { .filterModal .modal-dialog { margin: 0 auto; } } .filterModal .modal-dialog .modal-body { padding: 20px 25px 25px; } .filterModal .modal-dialog .modal-body div { margin-bottom: 5px; } .filterModal select { padding: 8px 20px; font-size: 1.5rem; border-radius: 10px!important; max-width: 100%!important; } .filterModal a { margin-right: 6px; } .filterModal a img { border-radius: 8px; } .modal-dialog-custom { display: flex; align-items: center; min-height: calc(68% - 3.5rem); }   .container-prod { font-size: 1.1rem; } @media screen and (max-width: 768px) { .col-content .container-prod { font-size: 1rem; line-height: 1.3; } } .container .row-prod { display: flex; flex-direction: row; } .container .row-prod .col-prod-left {   width: 20%; } .container .row-prod .col-prod-left img { width: 100%; border-radius: 10px; } .container .row-prod .col-prod-right { width: 80%; } .staff-list, .cast-list { margin: 0; padding: 0; } .staff-list li, .cast-list li { list-style: none; margin: 0; padding: 0; } li .campo { color: #0c77d1; } .staff-list a { color: #dd6809; text-decoration: none; } .cast-list li { display: inline; } .cast-list li a { margin-right: 10px; } .cast-list li a img { border-radius: 10px; max-width: 80px; height: auto; } @media screen and (max-width: 768px) { .cast-list li a i.bi-sig::before { font-size: 30px; font-weight: bold!important; position: relative; top: 5px; } .cast-list li a { margin-right: 6px; } .cast-list li:nth-child(5), .cast-list li:nth-child(6) { display: none; } .cast-list li.link_reparto { display: inline-block!important; } .cast-list li a img { max-width: 74px; } .cast-list li:last-child a { margin-right: 0; } } .bg-search { background-color: #f9f9f9; } #result-search { font-size: 1.25rem; font-weight: 700; border-radius: 10px; } #result-search .text-search { color: #269A5F; } #result-search .section { color: #C64C3C; } #result-search .links { font-weight: normal; font-size: 1.15rem; } #result-search .links span { font-weight: 700; } #result-search .links a { text-decoration: none; } #result-search .links a:hover { text-decoration: underline; } @media screen and (max-width: 768px) { #result-search { font-size: 0.85rem; line-height: 1.2; } #result-search .links { font-size: 0.85rem; line-height: 1.2; } } ul li a, ul li span { color: #dd6809; text-decoration: none; } ul li a:hover { text-decoration: underline; } ul li.parrafo span { color: #222; }   ul.estrenos-lista { padding: 0; } ul.estrenos-lista li { list-style: none; margin: 0; padding: 0; } span.campo-estreno { padding-left: 21px; color: #0c77d1; } span.al { background: transparent url('../img/banderas/al-small-16x16.png') no-repeat 0 2px; } span.ar { background: transparent url('../img/banderas/ar-small-16x16.png') no-repeat 0 2px; } span.au { background: transparent url('../img/banderas/au-small-16x16.png') no-repeat 0 2px; } span.aus { background: transparent url('../img/banderas/aus-small-16x16.png') no-repeat 0 2px; } span.be { background: transparent url('../img/banderas/be-small-16x16.png') no-repeat 0 2px; } span.bo { background: transparent url('../img/banderas/bo-small-16x16.png') no-repeat 0 2px; } span.br { background: transparent url('../img/banderas/br-small-16x16.png') no-repeat 0 2px; } span.can { background: transparent url('../img/banderas/can-small-16x16.png') no-repeat 0 2px; } span.ch { background: transparent url('../img/banderas/ch-small-16x16.png') no-repeat 0 2px; } span.chn { background: transparent url('../img/banderas/chn-small-16x16.png') no-repeat 0 2px; } span.co { background: transparent url('../img/banderas/co-small-16x16.png') no-repeat 0 2px; } span.cs { background: transparent url('../img/banderas/cs-small-16x16.png') no-repeat 0 2px; } span.cu { background: transparent url('../img/banderas/cu-small-16x16.png') no-repeat 0 2px; } span.dn { background: transparent url('../img/banderas/dn-small-16x16.png') no-repeat 0 2px; } span.fr { background: transparent url('../img/banderas/fr-small-16x16.png') no-repeat 0 2px; } span.hl { background: transparent url('../img/banderas/hl-small-16x16.png') no-repeat 0 2px; } span.in { background: transparent url('../img/banderas/in-small-16x16.png') no-repeat 0 2px; } span.ir { background: transparent url('../img/banderas/ir-small-16x16.png') no-repeat 0 2px; } span.it { background: transparent url('../img/banderas/it-small-16x16.png') no-repeat 0 2px; } span.jp { background: transparent url('../img/banderas/jp-small-16x16.png') no-repeat 0 2px; } span.mx { background: transparent url('../img/banderas/mx-small-16x16.png') no-repeat 0 2px; } span.ng { background: transparent url('../img/banderas/ng-small-16x16.png') no-repeat 0 2px; } span.rc { background: transparent url('../img/banderas/rc-small-16x16.png') no-repeat 0 2px; } span.rd { background: transparent url('../img/banderas/rd-small-16x16.png') no-repeat 0 2px; } span.ro { background: transparent url('../img/banderas/ro-small-16x16.png') no-repeat 0 2px; } span.ru { background: transparent url('../img/banderas/ru-small-16x16.png') no-repeat 0 2px; } span.sp { background: transparent url('../img/banderas/sp-small-16x16.png') no-repeat 0 2px; } span.su { background: transparent url('../img/banderas/su-small-16x16.png') no-repeat 0 2px; } span.uk { background: transparent url('../img/banderas/uk-small-16x16.png') no-repeat 0 2px; } span.us { background: transparent url('../img/banderas/us-small-16x16.png') no-repeat 0 2px; } span.pe { background: transparent url('../img/banderas/pe-small-16x16.png') no-repeat 0 2px; } span.pt { background: transparent url('../img/banderas/pt-small-16x16.png') no-repeat 0 2px; } span.po { background: transparent url('../img/banderas/po-small-16x16.png') no-repeat 0 2px; } span.cr { background: transparent url('../img/banderas/cr-small-16x16.png') no-repeat 0 2px; } span.hg { background: transparent url('../img/banderas/hg-small-16x16.png') no-repeat 0 2px; } span.th { background: transparent url('../img/banderas/th-small-16x16.png') no-repeat 0 2px; } span.tr { background: transparent url('../img/banderas/tr-small-16x16.png') no-repeat 0 2px; } span.tu { background: transparent url('../img/banderas/tu-small-16x16.png') no-repeat 0 2px; } span.ur { background: transparent url('../img/banderas/ur-small-16x16.png') no-repeat 0 2px; } span.ve { background: transparent url('../img/banderas/ve-small-16x16.png') no-repeat 0 2px; }   .videos h5 { padding: 0 0 0 24px; font-weight: 700; font-size: 1.05rem; letter-spacing: 0.2px; } @media screen and (max-width: 768px) { .videos h5 { font-size: .95rem; } } .videos .mas-trailers { font-weight: 700; margin: 0; font-size: 1.05rem; letter-spacing: 0.2px; color: #0060AA; } h5.sp { background: transparent url('../img/banderas/sp-small-16x16.png') no-repeat 0 3px; } h5.us { background: transparent url('../img/banderas/us-small-16x16.png') no-repeat 0 3px; } h5.pt { background: transparent url('../img/banderas/pt-small-16x16.png') no-repeat 0 3px; } h5.br { background: transparent url('../img/banderas/br-small-16x16.png') no-repeat 0 3px; } h5.al { background: transparent url('../img/banderas/al-small-16x16.png') no-repeat 0 3px; } h5.fr { background: transparent url('../img/banderas/fr-small-16x16.png') no-repeat 0 3px; } h5.it { background: transparent url('../img/banderas/it-small-16x16.png') no-repeat 0 3px; } h5.uk { background: transparent url('../img/banderas/uk-small-16x16.png') no-repeat 0 3px; } h5.ur { background: transparent url('../img/banderas/ur-small-16x16.png') no-repeat 0 3px; } h5.bo { background: transparent url('../img/banderas/bo-small-16x16.png') no-repeat 0 3px; } .embed-container { margin-top: 10px; width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { width: 605px; height: 340px; } @media screen and (max-width: 768px) { .embed-container iframe, .embed-container object, .embed-container embed { width: 100%; height: 220px; } } .videos ul { list-style: none; margin: 0; padding: 0; display: inline-block; } .videos ul li { display: inline-block; position: relative; vertical-align: top; z-index: 150; width: 174px; max-width: 174px; color: #282828; border-radius: 5px; } @media screen and (max-width: 768px) { .videos ul li {max-width: 165px; } } .videos_list ul li, .videos_list ul li .video a img { max-width: 295px; } @media screen and (max-width: 1600px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 248px; } } @media screen and (max-width: 1440px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 237px; } } @media screen and (max-width: 1366px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 222px; } } @media screen and (max-width: 1280px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 203px; } } @media screen and (max-width: 1152px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 247px; } } @media screen and (max-width: 1024px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 219px; } } @media screen and (max-width: 800px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 171px; } } @media screen and (max-width: 768px) { .videos_list ul li, .videos_list ul li .video a img { max-width: 165px; } } .videos ul li div.video { display: inline-block; width: 100%; } .videos ul li div.video > a { display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #111; border-radius: 5px; } .videos ul li a img { float: left; position: relative; z-index: 0; width: 100%; clear: both; border-radius: 5px; box-shadow: 0 0 3px #969696; } .videos ul li div.video > a > img { float: none; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .videos_list ul li { width: 295px; } .site-video-modal[hidden] { display: none; } .site-video-modal { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 24px; background: rgba(8, 11, 14, .88); backdrop-filter: blur(4px); } .site-video-modal__dialog { width: min(1100px, 94vw); background: #11171c; border: 1px solid rgba(255, 255, 255, .2); border-radius: 10px; box-shadow: 0 24px 70px rgba(0, 0, 0, .55); overflow: hidden; } .site-video-modal__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 12px 10px 18px; color: #fff; } .site-video-modal__title { margin: 0; font-size: 1rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-video-modal__actions { display: flex; align-items: center; gap: 6px; } .site-video-modal__button { border: 0; border-radius: 6px; padding: 7px 10px; background: rgba(255, 255, 255, .12); color: #fff; font: inherit; cursor: pointer; } .site-video-modal__button:hover, .site-video-modal__button:focus-visible { background: rgba(255, 255, 255, .24); } .site-video-modal__close { font-size: 1.45rem; line-height: 1; } .site-video-modal__player { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; } .site-video-modal__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } body.site-video-modal-open { overflow: hidden; } @media screen and (max-width: 768px) { .site-video-modal { padding: 10px; } .site-video-modal__dialog { width: 100%; } .site-video-modal__fullscreen span { display: none; } } .videos ul li img.play-video { float: none; top: 4px; right: 4px; width: 24px; border: 0; height: 24px; position: absolute; z-index: 9999; box-shadow: none; margin-bottom: 0; } .videos ul li div span.descripcion { display: inline-block; font-size: 0.9rem; letter-spacing: 0.2px; line-height: 18px; } .container-videos .videos ul li div span.descripcion { display: block; } .videos ul li div span.descripcion a { padding-left: 23px; text-decoration: none; color: #000; } .videos ul li div span.descripcion a:hover { color: #ff4129; } #container-section h4 { color: #ff4129; font-size: 1.15em; text-decoration: underline; padding: 0; clear: both; }   .ficha-tecnica { margin: 0; padding: 0; list-style: none; } .ficha-tecnica li a, .ficha-tecnica li a span { color: #00f; font-weight: normal; } .ficha-tecnica .campo { font-weight: 700; color: #000; text-decoration: underline; } .ficha-tecnica li span.spc { color: #fc5425; text-decoration: none; }   #gallery img { border-radius: 5px; } #gallery a { margin-right: 20px; } .carousel-inner { border-radius: 10px; } .image-note { clear: both; color: #999; font-size: 0.8rem; letter-spacing: 0.2px; line-height: 16px } @media screen and (max-width: 768px) { .image-note { font-size: 0.7rem; line-height: 14px; } }   #videos .video { display: inline-table; margin-bottom: 15px; } #videos .video img { border-radius: 5px; width: 100%; height: 166px; object-fit: cover; } @media screen and (max-width: 1440px) { #videos .video img { height: 132px; } } @media screen and (max-width: 1366px) { #videos .video img { height: 124px; } } @media screen and (max-width: 1280px) { #videos .video img { height: 112px; } } @media screen and (max-width: 1152px) { #videos .video img { height: 100px; } } @media screen and (max-width: 768px) { #videos .video img { height: 90px; } } #videos .video .descripcion a { font-size: 0.95rem; padding-left: 22px; text-decoration: none; color: #212529; display: inline-block; background-position: 0 1px; line-height: 1.2; margin-top: 4px; } @media screen and (max-width: 1440px) { #videos .video .descripcion a { font-size: 0.9rem; } } @media screen and (max-width: 1366px) { #videos .video .descripcion a { font-size: 0.85rem; } } #videos .video .descripcion a:hover { text-decoration: underline; } #videos .video a { position: relative; } #videos .video .play-video { height: 32px; width: 32px; background: url(../img/play-video.png) no-repeat top right; position: absolute; right: 5px; margin-top: 5px; } .anchor-bso { position: relative; } .anchor-bso img:hover { filter: saturate(150%); transition: all 0.4s ease-in-out; } .play-bso { padding: 48px; transform: translate(-50%, -50%); background: url(../img/play-video-bso.png) no-repeat; position: absolute; z-index: 2; top: 50%; right: 0; left: 50%; opacity: 0.7; } #modalVideo .modal-body { padding: 0.5rem 0.5rem 0.1rem; } #modalVideo .modal-dialog { max-width: 100%; width: auto !important; display: inline-block; } #modalVideo.modal { justify-content: center; align-items: center; margin: 0 auto; text-align: center; }   #ultimas-imagenes .imagen { display: inline-table; margin-bottom: 15px; } #ultimas-imagenes .imagen a { position: relative; } #ultimas-imagenes .imagen img { border-radius: 5px; } #ultimas-imagenes .imagen .descripcion a { font-size: 0.95rem; text-decoration: none; color: #212529; display: inline-block; } .imagenes_list .subt { margin-top: 2px; font-size: 13px; max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .imagenes_list img { border-radius: 6px; }   #comentarios ul { margin: 0; padding: 0; } #comentarios ul li { border-radius: 10px; list-style: none; } #comentarios ul li div.fecha-comentario { float: right; color: #898989; font-size: .8em; line-height: 1em; } #comentarios ul li div.nombre-usuario { margin: 0 0 8px 0; font-weight: 700; } #comentarios ul li div.comentario { display: block; color: #3f3f3f; font-size: 1rem; } #comentarios ul li.fila-impar { background-color: #eaeff5; clear: both; } #comentarios ul li.fila-par { background-color: #fff; clear: both; } #comentarios ul li a img { width: 30px; height: 30px; float: left; margin-right: 12px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #comentarios ul li textarea.area-comentario { width: 100%; min-height: 120px; margin-top: 5px; padding: 6px; border: 1px solid #c3ccd3; resize: vertical; border-radius: 10px; } #comentarios #insertar-comentario-produccion, #comentarios #insertar-comentario-persona { float: right; background-color: #006ade; padding: 7px 14px; color: #fff; margin: 5px 0 9px; border: 0; border-radius: 10px; } #comentarios #insertar-comentario-produccion:hover, #comentarios #insertar-comentario-persona:hover { background-color: #0051ab; }   .bso-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; } .bso-table-scroll:focus-visible { outline: 2px solid #006ade; outline-offset: 2px; } .bso-scroll-hint { display: none; } @media (max-width: 575px) { .bso-scroll-hint { display: block; margin: 0 0 5px; font-size: .875em; } } #bso .bso-table-scroll table { min-width: 540px; table-layout: fixed; } #bso .bso-table-scroll th:nth-child(1) { width: 32%; } #bso .bso-table-scroll th:nth-child(2) { width: 25%; } #bso .bso-table-scroll th:nth-child(3) { width: 18%; } #bso .bso-table-scroll th:nth-child(4) { width: 25%; } .bso-table-scroll td, .bso-table-scroll th { overflow-wrap: anywhere; } .bso-table-scroll .duracion-bso { white-space: nowrap; } .bso-listen-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .bso-listen-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; max-width: 100%; } .bso-listen-links img { max-width: 80px; max-height: 40px; width: auto; height: auto; object-fit: contain; } #bso table { border-spacing: 0; width: 100%; margin: 5px 0 10px 0; border: 1px solid #e0e0e0; } #bso .canciones-bso th:first-child { -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } #bso .canciones-bso th { text-align: left; text-shadow: 0 1px 0 rgb(255 255 255 / 50%); border-bottom: 1px solid #ccc; background-color: #e0e0e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0)); background-image: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0); background-image: -moz-linear-gradient(top, #f5f5f5, #e0e0e0); background-image: -ms-linear-gradient(top, #f5f5f5, #e0e0e0); background-image: -o-linear-gradient(top, #f5f5f5, #e0e0e0); background-image: linear-gradient(top, #f5f5f5, #e0e0e0); } .canciones-bso tr.impar { background: #e8ecf2; } .canciones-bso td, .canciones-bso th { padding: 10px; border-bottom: 1px solid #f2f2f2; }   .person-posts .person-post-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; } .person-posts .person-post-link { display: flex; align-items: center; gap: 16px; text-decoration: none; } .person-posts .person-post-thumb { display: block; width: 40px; height: auto; flex: 0 0 40px; object-fit: cover; border-radius: 4px; } .person-posts .person-post-thumb-fallback { object-fit: contain; background: #f3f3f3; } .person-posts .person-post-title { min-width: 0; font-size: 1rem; line-height: 1.4; overflow-wrap: anywhere; } .person-posts .person-post-link:hover .person-post-title { text-decoration: underline; } .person-posts .person-post-link:focus-visible { outline: 2px solid #0065d1; outline-offset: 4px; border-radius: 6px; } .person-posts .person-post-empty { grid-column: 1 / -1; } @media (max-width: 767px) { .person-posts .person-post-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; } .person-posts .person-post-link { flex-direction: column; align-items: stretch; gap: 6px; } .person-posts .person-post-thumb { width: 100%; height: auto; aspect-ratio: 16 / 9; flex: none; } .person-posts .person-post-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; font-size: .95rem; } } #main-content { padding-bottom: 30px; } #sidebar-cols > .row > .item:nth-child(n+10), #sidebar-cols > ul > li:nth-child(n+10) { display: none; } @media (max-width: 767px) { #sidebar-cols > .row > .item:nth-child(n+9), #sidebar-cols > ul > li:nth-child(n+9) { display: none; } } .curiosidades ul, .noticias ul, .premios ul { padding: 0; margin: 0; } .curiosidades ul li, .noticias ul li, .premios ul li { list-style: none; padding: 0; margin: 0; } #mostrar-ocultar-estrenos { cursor: pointer; font-size: 0.9rem; padding: 4px 12px 5px; background-color: #212529; color: #fff; border-radius: 5px; display: inline-block; } #mostrar-ocultar-estrenos:hover { color: #f5c518; }   div.eleccion { background-color: #fff; width: 100%; border-bottom: 1px solid #ededed; } h3#estrenos-en { font-size: 1.25rem; color: #212529; border-bottom: 1px solid #ddd; } div#semana-seleccionada { width: 100%; font-size: 1.25rem; color: #fff; display: inline-block; text-align: center; border-radius: 10px; background-color: #212529; } div#semana-seleccionada a { display: inline-block; cursor: pointer; } div#semana-seleccionada a i { color: #ffc107; font-size: 1.5rem; } div#semana-seleccionada div.texto { display: inline-block; padding-top: 2px; margin: 0 20px; vertical-align: top; } @media screen and (max-width: 768px) { div#semana-seleccionada { font-size: 1rem; } div#semana-seleccionada div.texto { font-size: 1rem; margin: 0 10px; vertical-align: text-bottom; } } #lista-estrenos h3.fecha-estreno, #calendario-slider h3.fecha-estreno { clear: both; font-size: 1.25rem; color: #093da5; } #lista-estrenos ul { margin: 0; padding: 0; } #lista-estrenos ul li { display: inline-flex; max-width: 155px; } #lista-estrenos ul li a { color: #212529; font-weight: 600; } #lista-estrenos ul li a:hover { text-decoration: underline; } #lista-estrenos ul li span { border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 0.8rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.6px; background-color: #212529; color: #ffe000; padding: 0 7px; border-bottom: 1px solid #3c3c3c; display: block; } #lista-estrenos img.poster { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 155px; } #lista-estrenos.calendario-episodios .calendar-poster-country { background-position-y: 3px; } .series-calendar .paises-estrenos img { width: 36px; height: 24px; max-height: none; object-fit: contain; } @media screen and (max-width: 768px) { #lista-estrenos ul li span { font-size: .75rem; } #lista-estrenos ul li { max-width: 100px; } #lista-estrenos img.poster { width: 108px; } } #lista-estrenos ul li div div.titulo { padding-top: 3px; font-size: 0.9rem; line-height: 1.25em; } #lista-estrenos ul li div div.titulo a div { color: #dd0047; } #tal-dia-hoy-content { border-radius: 10px; } #tal-dia-hoy-content ul li { font-size: .95rem; } @media screen and (max-width: 768px) { #tal-dia-hoy-content ul li { font-size: .9rem; } #tal-dia-hoy-content ul li i { margin-right: 14px!important; } } #tal-dia-hoy-content ul li:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } #tal-dia-hoy-content ul li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .content-page { min-height: 350px; } ul.tipo-produccion li { list-style: none; display: inline-block; } ul.tipo-produccion li a { background-color: #eee; color: #212529; border-radius: 5px; cursor: pointer; } ul.tipo-produccion li a:hover { text-decoration: none; background-color: #ffc107; color: #212529; } ul.tipo-produccion li a.active { background-color: #212529; color: #fff; } ul.formato-video li { list-style: none; display: inline-block; } ul.formato-video li a { background-color: #eee; color: #212529; border-radius: 5px; cursor: pointer; } ul.formato-video li a:hover { text-decoration: none; background-color: #ffc107; color: #212529; } ul.formato-video li a.active { background-color: #212529; color: #fff; } ul.paises-estrenos li { list-style: none; display: inline-block; } ul.paises-estrenos li a { cursor: pointer; } ul.paises-estrenos li a img { opacity: 0.2; border-radius: 5px; max-height: 25px; position: relative; top: -2px; } ul.paises-estrenos li a.active img{ opacity: 1; } ul.paises-estrenos li a { background-color: #eee; color: #212529; border-radius: 5px; cursor: pointer; } ul.paises-estrenos li a:hover { text-decoration: none; background-color: #ffc107; color: #212529; } ul.paises-estrenos li a:hover img { opacity: 1; background-color: none; } ul.paises-estrenos li a.active { background-color: #212529; color: #fff; border-radius: 5px; } @media screen and (max-width: 768px) { ul.formato-video li a, ul.paises-estrenos li a { font-size: 1rem; } } ul.plataforma li { list-style: none; display: inline-block; } ul.plataforma li a { cursor: pointer; } ul.plataforma li a img { opacity: 0.3; border-radius: 5px; } ul.plataforma li a.active img{ opacity: 1; }   .input-tops-select { max-width: 300px; } @media screen and (max-width: 768px) { .input-tops-select { max-width: 100%; } } .lista-tops div.posicion { text-align: center; font-size: 1.25rem; padding: 0; position: relative; top: 16px; max-height: 35px; } .lista-tops div.posicion div.circulo { background: #7abdda; padding: 2px 4px; width: 40px; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .lista-tops div.posicion div.podium_color { background: #ffd23f; color: #222; } .lista-tops ul.lista-top li { background-color: transparent!important; } .lista-tops ul.lista-top li.tit { font-size: 1.1rem; } @media screen and (max-width: 768px) { .lista-tops ul.lista-top li.tit { max-width: 235px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ul:is(#productions-list, .productions-list) li.list-group-item .tit { max-width: 265px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .lista-tops .list-group-item a { font-size: inherit!important; }   .form .form-control { border: 1px solid #ced4da; }   #voto-rapido img { border-radius: 5px; width: 144px; } #voto-rapido .titulo { font-size: 14px; max-width: 144px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #voto-rapido .lista-actual span { color: #e75c17; } #voto-rapido select { font-size: 14px; width: 100%; border-radius: 5px; outline: none; cursor: pointer; max-width: 144px; } select.votada { background-color: #5fbf5f; color: #fff; } @media screen and (max-width: 768px) { #voto-rapido .row { margin: 0 -6px; } #voto-rapido img { width: 100%; min-width: 106px; } }   #collapseSearchMobile .form-control { border: 1px solid #eee; font-size: 1.15rem; } #collapseSearchMobile .btn { background-color: #eee; color: #222; font-size: 1.15rem; } .dropdown-toggle::after { vertical-align: 0.15em; } #comentarios .spoiler-check { display: inline-flex; align-items: center; gap: 7px; margin: 8px 0 4px; font-size: .92rem; font-weight: 600; } #comentarios .comentario-spoiler { margin-top: 8px; padding: 12px; border: 1px solid #c7d0d9; border-radius: 8px; background: #dfe5eb; } #comentarios .spoiler-reveal { padding: 6px 10px; border: 0; border-radius: 6px; background: #212529; color: #fff; font-weight: 700; } #comentarios .spoiler-text { margin-top: 10px; color: #212529; }   .abecedario { background-color: #d2e8f5; border: 1px solid #adc7f8; text-align: center; font-size: 1.2rem; font-weight: 600; border-radius: 5px; } .abecedario a { color: #222; padding: 0 3px; text-decoration: none; } .abecedario a:hover { text-decoration: underline; } #lista-bso img { border-radius: 5px; max-width: 160px; } #lista-bso .texto-item { white-space: nowrap; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } #lista-bso .texto-item a { font-size: .9rem; color: #222; text-decoration: none; } #lista-bso .texto-item a:hover { text-decoration: underline; } #search_bso { border: 1px solid #ddd; } .bso-alphabet { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 6px; } .bso-alphabet a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 36px; padding: 2px 6px; } .bso-alphabet a[aria-current="page"] { background: #222; color: #fff; border-radius: 4px; } #lista-bso.bso-catalog-grid .bso-catalog-cover { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; } #lista-bso.bso-catalog-grid .texto-item { white-space: normal; overflow: visible; overflow-wrap: anywhere; margin-top: 6px; }   @media screen and (max-width: 1600px) { .container-fluid { width: 1440px; } .container-full { width: 100%; } .col-content { width: 76%; } .col-sidebar { width: 24%; } .col-content-sub { width: 72%; } .col-sidebar-sub { width: 28%; } #trailers-sidebar .play-video { padding: 0 289px 33px 0; } .ads-block-1 { height: 193px; } #navbarCollapse .form-control { width: 265px; } .swiper-slide .swiper-slide-detail h3, .swiper-slide .swiper-slide-detail h4 { font-size: 1.3rem; } } @media screen and (max-width: 1440px) { .lh-135 { line-height: 1.35; } .container-fluid { width: 100%; max-width: 1380px; } #navbarCollapse .form-control { width: 220px; } .ads-block-1 { height: 184px; } .swiper-slide .swiper-slide-detail h3, .swiper-slide .swiper-slide-detail h4 { font-size: 1.2rem; padding-left: 20px; padding-right: 20px; bottom: 10px; } } @media screen and (max-width: 1366px) { .container-fluid { max-width: 1300px; } #navbarCollapse .form-control { width: 200px; font-size: .85rem; } .nav-options a { font-size: .85rem; } .ads-block-1 { height: 173px; } } @media screen and (max-width: 1280px) { .container-fluid { max-width: 1200px; } #navbarCollapse ul li:nth-child(2) { display: none; } #navbarCollapse .form-control { width: 180px; } .swiper-slide .swiper-slide-detail h3, .swiper-slide .swiper-slide-detail h4 { font-size: 1.15rem; } .ads-block-1 { height: 160px; } } @media screen and (max-width: 1152px) { .container-fluid { max-width: 1080px; } .nav-options { display: inherit; } .nav-options a span { display: none; } .btn-nopt { padding: 0!important; margin: 0!important; } #navbarCollapse .form-control { width: 155px; } .ads-block-1 { height: 143px; } .swiper-slide .swiper-slide-detail h3, .swiper-slide .swiper-slide-detail h4 { font-size: 1.05rem; padding-left: 15px; padding-right: 15px; bottom: 5px; } } @media screen and (max-width: 1024px) { .container-fluid { max-width: 970px; } .navbar-brand img { width: auto; height: 32px; } #navbarCollapse .form-control { width: 132px; } } @media screen and (max-width: 768px) { .navbar-brand img { height: 48px; } .nav-options a span { display: inline-block; } .btn-nopt { padding: 0 .5rem; } #navbarCollapse ul li:nth-child(2) { display: block; } } .card-login .card-body .list-group li { font-size: 1rem; line-height: 1.3; } small.sm-it { font-weight: normal; font-size: .8rem; font-style: italic; } @media screen and (max-width: 768px) { .card-login .card-body .list-group li { font-size: .9rem; line-height: 1.2; } small.sm-it { display: block; margin-left: 0!important; } #navbarCollapse .form-control { display: none; } #menu-opciones-top-persona { float: none; margin: 0; overflow-x: scroll!important; width: auto; position: relative; } .container-fluid { max-width: 576px; width: 100%; } .col-content-sub, .col-sidebar-sub { width: 100%; } .col-content, .col-sidebar { width: 100%; } .col-sidebar { padding-left: 12px; padding-right: 12px; } .col-sidebar-sub { padding-left: 12px; padding-right: 12px; } #navbarCollapse .nav-options { margin-top: 10px; margin-bottom: 15px; } #navbarCollapse .nav-options a { font-size: 1.25rem; } #navbarCollapse .nav-options .btn { line-height: 25px; padding: 0.25rem 0.65rem; } #navbarCollapse .nav-options i { font-size: 1.35rem; } .card-body .list-group li { font-size: .9rem; } .swiper-slide .swiper-slide-detail h3, .swiper-slide .swiper-slide-detail h4 { font-size: 1.25rem; font-weight: 500; bottom: 8px; padding-left: 18px; padding-right: 18px; } .swiper-button-next, .swiper-button-prev { display: none!important; } } @media screen and (max-width: 576px) { .container-fluid { max-width: 480px; width: 100%; } }   @media all and (min-width: 992px) { .navbar .nav-item .dropdown-menu{ display: none; } .navbar .nav-item:hover .nav-link{ } .navbar .nav-item:hover .dropdown-menu{ display: block; } .navbar .nav-item .dropdown-menu{ margin-top:0; } } @media screen and (max-width: 768px) { .navbar-nav .dropdown-menu { text-align: right; } } .display-h1 { font-size: 1.4rem; font-weight: 600; } body.page-registro, body.page-login, body.page-contactar { background: #222 url("../img/bg.jpg") no-repeat 0 0 fixed; background-size: cover; } body.page-registro .container-footer, body.page-login .container-footer, body.page-contactar .container-footer { border-top: 3px solid #fff; } .list-menu .active a { color: #fff; } .list-menu a { color: #222; } .list-menu .list-group-item:hover { background-color: #0b5ed7; } .list-menu .list-group-item:hover a { color: #fff; text-decoration: none; } .footer-social-link { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; } @media screen and (max-width: 1600px) { .container-footer ul li a { font-size: .95rem; } } @media screen and (max-width: 1366px) { .container-footer ul li a { font-size: .9rem; } } @media screen and (max-width: 768px) { .container-footer ul li a { font-size: .8rem; } } .card-dashboard .card-body { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; } .card-dashboard .card-body a { display: block; min-width: 0; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 4px; } .card-dashboard .card-body a img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; } .card-dashboard h5 { font-size: 1rem; font-weight: 600; } .card-dashboard .card-footer .btn { padding-top: .15rem!important; padding-bottom: .15rem!important; } @media screen and (max-width: 768px) { .card-dashboard .card-footer .btn { font-size: .9rem; } } .col-dpers input, .col-dpers select { border: 1px solid #ddd!important; border-radius: .5rem!important; } .forget-password { cursor: pointer; font-size: .9rem; text-decoration: none; } .forget-password:hover { text-decoration: underline; } #resetpassword { display: none; } #resetpassword input { border: 1px solid #ddd; } .especial-bellezas-series img { max-width: 260px; margin-bottom: 4px; } .especial-tiempo img { max-width: 150px; margin-bottom: 4px; } .block-bf-300x250 img { width: 276px; height: 230px; } @media screen and (max-width: 768px) { .block-bf-300x250 img { width: 100%; height: auto; } }   @media (max-width: 575px) { .p-xs-0 { padding: 0!important; } .m-xs-0 { margin: 0!important; } .p-xs-1 { padding: .25rem!important; } .m-xs-1 { margin: .25rem!important; } .p-xs-2 { padding: .5rem!important; } .m-xs-2 { margin: .5rem!important; } .p-xs-3 { padding: 1rem!important; } .m-xs-3 { margin: 1rem!important; } .p-xs-4 { padding: 1.5rem!important; } .m-xs-4 { margin: 1.5rem!important; } .p-xs-5 { padding: 3rem!important; } .m-xs-6 { margin: 3rem!important; } .mb-xs-0 { margin-bottom: 0!important; } .mb-xs-1 { margin-bottom: .25rem!important; } .mb-xs-2 { margin-bottom: .5rem!important; } .mb-xs-3 { margin-bottom: 1rem!important; } .mb-xs-4 { margin-bottom: 1.5rem!important; } .mb-xs-5 { margin-bottom: 3rem!important; } .ml-xs-0 { margin-left: 0!important; } .ml-xs-1 { margin-left: .25rem!important; } .ml-xs-2 { margin-left: .5rem!important; } .ml-xs-3 { margin-left: 1rem!important; } .ml-xs-4 { margin-left: 1.5rem!important; } .ml-xs-5 { margin-left: 3rem!important; } .mr-xs-0 { margin-right: 0!important; } .mr-xs-1 { margin-right: .25rem!important; } .mr-xs-2 { margin-right: .5rem!important; } .mr-xs-3 { margin-right: 1rem!important; } .mr-xs-4 { margin-right: 1.5rem!important; } .mr-xs-5 { margin-right: 3rem!important; } .mt-xs-0 { margin-top: 0!important; } .mt-xs-1 { margin-top: .25rem!important; } .mt-xs-2 { margin-top: .5rem!important; } .mt-xs-3 { margin-top: 1rem!important; } .mt-xs-4 { margin-top: 1.5rem!important; } .mt-xs-5 { margin-top: 3rem!important; } .mx-xs-0 { margin-left: 0!important; margin-right: 0!important; } .mx-xs-1 { margin-left: .25rem!important; margin-right: .25rem!important; } .mx-xs-2 { margin-left: .5rem!important; margin-right: .5rem!important; } .mx-xs-3 { margin-left: 1rem!important; margin-right: 1rem!important; } .mx-xs-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important; } .mx-xs-5 { margin-left: 3rem!important; margin-right: 3rem!important; } .my-xs-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-xs-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-xs-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-xs-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-xs-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-xs-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .pb-xs-0 { padding-bottom: 0!important; } .pb-xs-1 { padding-bottom: .25rem!important; } .pb-xs-2 { padding-bottom: .5rem!important; } .pb-xs-3 { padding-bottom: 1rem!important; } .pb-xs-4 { padding-bottom: 1.5rem!important; } .pb-xs-5 { padding-bottom: 3rem!important; } .pl-xs-0 { padding-left: 0!important; } .pl-xs-1 { padding-left: .25rem!important; } .pl-xs-2 { padding-left: .5rem!important; } .pl-xs-3 { padding-left: 1rem!important; } .pl-xs-4 { padding-left: 1.5rem!important; } .pl-xs-5 { padding-left: 3rem!important; } .pr-xs-0 { padding-right: 0!important; } .pr-xs-1 { padding-right: .25rem!important; } .pr-xs-2 { padding-right: .5rem!important; } .pr-xs-3 { padding-right: 1rem!important; } .pr-xs-4 { padding-right: 1.5rem!important; } .pr-xs-5 { padding-right: 3rem!important; } .pt-xs-0 { padding-top: 0!important; } .pt-xs-1 { padding-top: .25rem!important; } .pt-xs-2 { padding-top: .5rem!important; } .pt-xs-3 { padding-top: 1rem!important; } .pt-xs-4 { padding-top: 1.5rem!important; } .pt-xs-5 { padding-top: 3rem!important; } .px-xs-0 { padding-left: 0!important; padding-right: 0!important; } .px-xs-1 { padding-left: .25rem!important; padding-right: .25rem!important; } .px-xs-2 { padding-left: .5rem!important; padding-right: .5rem!important; } .px-xs-3 { padding-left: 1rem!important; padding-right: 1rem!important; } .px-xs-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; } .px-xs-5 { padding-left: 3rem!important; padding-right: 3rem!important; } .py-xs-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-xs-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-xs-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-xs-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-xs-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-xs-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .display-xs-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-xs-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-xs-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; } .display-xs-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-xs-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; } .display-xs-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; } .hidden-xs { display: none!important; } .float-xs-none { float: none!important; } } @media (min-width: 576px) { .p-sm-0 { padding: 0!important; } .m-sm-0 { margin: 0!important; } .p-sm-1 { padding: .25rem!important; } .m-sm-1 { margin: .25rem!important; } .p-sm-2 { padding: .5rem!important; } .m-sm-2 { margin: .5rem!important; } .p-sm-3 { padding: 1rem!important; } .m-sm-3 { margin: 1rem!important; } .p-sm-4 { padding: 1.5rem!important; } .m-sm-4 { margin: 1.5rem!important; } .p-sm-5 { padding: 3rem!important; } .m-sm-5 { margin: 3rem!important; } .mb-sm-0 { margin-bottom: 0!important; } .mb-sm-1 { margin-bottom: .25rem!important; } .mb-sm-2 { margin-bottom: .5rem!important; } .mb-sm-3 { margin-bottom: 1rem!important; } .mb-sm-4 { margin-bottom: 1.5rem!important; } .mb-sm-5 { margin-bottom: 3rem!important; } .ml-sm-0 { margin-left: 0!important; } .ml-sm-1 { margin-left: .25rem!important; } .ml-sm-2 { margin-left: .5rem!important; } .ml-sm-3 { margin-left: 1rem!important; } .ml-sm-4 { margin-left: 1.5rem!important; } .ml-sm-5 { margin-left: 3rem!important; } .mr-sm-0 { margin-right: 0!important; } .mr-sm-1 { margin-right: .25rem!important; } .mr-sm-2 { margin-right: .5rem!important; } .mr-sm-3 { margin-right: 1rem!important; } .mr-sm-4 { margin-right: 1.5rem!important; } .mr-sm-5 { margin-right: 3rem!important; } .mt-sm-0 { margin-top: 0!important; } .mt-sm-1 { margin-top: .25rem!important; } .mt-sm-2 { margin-top: .5rem!important; } .mt-sm-3 { margin-top: 1rem!important; } .mt-sm-4 { margin-top: 1.5rem!important; } .mt-sm-5 { margin-top: 3rem!important; } .pb-sm-0 { padding-bottom: 0!important; } .pb-sm-1 { padding-bottom: .25rem!important; } .pb-sm-2 { padding-bottom: .5rem!important; } .pb-sm-3 { padding-bottom: 1rem!important; } .pb-sm-4 { padding-bottom: 1.5rem!important; } .pb-sm-5 { padding-bottom: 3rem!important; } .pl-sm-0 { padding-left: 0!important; } .pl-sm-1 { padding-left: .25rem!important; } .pl-sm-2 { padding-left: .5rem!important; } .pl-sm-3 { padding-left: 1rem!important; } .pl-sm-4 { padding-left: 1.5rem!important; } .pl-sm-5 { padding-left: 3rem!important; } .pr-sm-0 { padding-right: 0!important; } .pr-sm-1 { padding-right: .25rem!important; } .pr-sm-2 { padding-right: .5rem!important; } .pr-sm-3 { padding-right: 1rem!important; } .pr-sm-4 { padding-right: 1.5rem!important; } .pr-sm-5 { padding-right: 3rem!important; } .pt-sm-0 { padding-top: 0!important; } .pt-sm-1 { padding-top: .25rem!important; } .pt-sm-2 { padding-top: .5rem!important; } .pt-sm-3 { padding-top: 1rem!important; } .pt-sm-4 { padding-top: 1.5rem!important; } .pt-sm-5 { padding-top: 3rem!important; } .display-sm-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-sm-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-sm-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; } .display-sm-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-sm-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; } .display-sm-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; } } @media (min-width: 768px) { .p-md-0 { padding: 0!important; } .m-md-0 { margin: 0!important; } .p-md-1 { padding: .25rem!important; } .m-md-1 { margin: .25rem!important; } .p-md-2 { padding: .5rem!important; } .m-md-2 { margin: .5rem!important; } .p-md-3 { padding: 1rem!important; } .m-md-3 { margin: 1rem!important; } .p-md-4 { padding: 1.5rem!important; } .m-md-4 { margin: 1.5rem!important; } .p-md-5 { padding: 3rem!important; } .m-md-6 { margin: 3rem!important; } .mb-md-0 { margin-bottom: 0!important; } .mb-md-1 { margin-bottom: .25rem!important; } .mb-md-2 { margin-bottom: .5rem!important; } .mb-md-3 { margin-bottom: 1rem!important; } .mb-md-4 { margin-bottom: 1.5rem!important; } .mb-md-5 { margin-bottom: 3rem!important; } .ml-md-0 { margin-left: 0!important; } .ml-md-1 { margin-left: .25rem!important; } .ml-md-2 { margin-left: .5rem!important; } .ml-md-3 { margin-left: 1rem!important; } .ml-md-4 { margin-left: 1.5rem!important; } .ml-md-5 { margin-left: 3rem!important; } .mr-md-0 { margin-right: 0!important; } .mr-md-1 { margin-right: .25rem!important; } .mr-md-2 { margin-right: .5rem!important; } .mr-md-3 { margin-right: 1rem!important; } .mr-md-4 { margin-right: 1.5rem!important; } .mr-md-5 { margin-right: 3rem!important; } .mt-md-0 { margin-top: 0!important; } .mt-md-1 { margin-top: .25rem!important; } .mt-md-2 { margin-top: .5rem!important; } .mt-md-3 { margin-top: 1rem!important; } .mt-md-4 { margin-top: 1.5rem!important; } .mt-md-5 { margin-top: 3rem!important; } .pb-md-0 { padding-bottom: 0!important; } .pb-md-1 { padding-bottom: .25rem!important; } .pb-md-2 { padding-bottom: .5rem!important; } .pb-md-3 { padding-bottom: 1rem!important; } .pb-md-4 { padding-bottom: 1.5rem!important; } .pb-md-5 { padding-bottom: 3rem!important; } .pl-md-0 { padding-left: 0!important; } .pl-md-1 { padding-left: .25rem!important; } .pl-md-2 { padding-left: .5rem!important; } .pl-md-3 { padding-left: 1rem!important; } .pl-md-4 { padding-left: 1.5rem!important; } .pl-md-5 { padding-left: 3rem!important; } .pr-md-0 { padding-right: 0!important; } .pr-md-1 { padding-right: .25rem!important; } .pr-md-2 { padding-right: .5rem!important; } .pr-md-3 { padding-right: 1rem!important; } .pr-md-4 { padding-right: 1.5rem!important; } .pr-md-5 { padding-right: 3rem!important; } .pt-md-0 { padding-top: 0!important; } .pt-md-1 { padding-top: .25rem!important; } .pt-md-2 { padding-top: .5rem!important; } .pt-md-3 { padding-top: 1rem!important; } .pt-md-4 { padding-top: 1.5rem!important; } .pt-md-5 { padding-top: 3rem!important; } .display-md-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-md-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-md-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; } .display-md-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-md-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; } .display-md-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; } } @media (min-width: 992px) { .p-lg-0 { padding: 0!important; } .m-lg-0 { margin: 0!important; } .p-lg-1 { padding: .25rem!important; } .m-lg-1 { margin: .25rem!important; } .p-lg-2 { padding: .5rem!important; } .m-lg-2 { margin: .5rem!important; } .p-lg-3 { padding: 1rem!important; } .m-lg-3 { margin: 1rem!important; } .p-lg-4 { padding: 1.5rem!important; } .m-lg-4 { margin: 1.5rem!important; } .p-lg-5 { padding: 3rem!important; } .m-lg-6 { margin: 3rem!important; } .mb-lg-0 { margin-bottom: 0!important; } .mb-lg-1 { margin-bottom: .25rem!important; } .mb-lg-2 { margin-bottom: .5rem!important; } .mb-lg-3 { margin-bottom: 1rem!important; } .mb-lg-4 { margin-bottom: 1.5rem!important; } .mb-lg-5 { margin-bottom: 3rem!important; } .ml-lg-0 { margin-left: 0!important; } .ml-lg-1 { margin-left: .25rem!important; } .ml-lg-2 { margin-left: .5rem!important; } .ml-lg-3 { margin-left: 1rem!important; } .ml-lg-4 { margin-left: 1.5rem!important; } .ml-lg-5 { margin-left: 3rem!important; } .mr-lg-0 { margin-right: 0!important; } .mr-lg-1 { margin-right: .25rem!important; } .mr-lg-2 { margin-right: .5rem!important; } .mr-lg-3 { margin-right: 1rem!important; } .mr-lg-4 { margin-right: 1.5rem!important; } .mr-lg-5 { margin-right: 3rem!important; } .mt-lg-0 { margin-top: 0!important; } .mt-lg-1 { margin-top: .25rem!important; } .mt-lg-2 { margin-top: .5rem!important; } .mt-lg-3 { margin-top: 1rem!important; } .mt-lg-4 { margin-top: 1.5rem!important; } .mt-lg-5 { margin-top: 3rem!important; } .pb-lg-0 { padding-bottom: 0!important; } .pb-lg-1 { padding-bottom: .25rem!important; } .pb-lg-2 { padding-bottom: .5rem!important; } .pb-lg-3 { padding-bottom: 1rem!important; } .pb-lg-4 { padding-bottom: 1.5rem!important; } .pb-lg-5 { padding-bottom: 3rem!important; } .pl-lg-0 { padding-left: 0!important; } .pl-lg-1 { padding-left: .25rem!important; } .pl-lg-2 { padding-left: .5rem!important; } .pl-lg-3 { padding-left: 1rem!important; } .pl-lg-4 { padding-left: 1.5rem!important; } .pl-lg-5 { padding-left: 3rem!important; } .pr-lg-0 { padding-right: 0!important; } .pr-lg-1 { padding-right: .25rem!important; } .pr-lg-2 { padding-right: .5rem!important; } .pr-lg-3 { padding-right: 1rem!important; } .pr-lg-4 { padding-right: 1.5rem!important; } .pr-lg-5 { padding-right: 3rem!important; } .pt-lg-0 { padding-top: 0!important; } .pt-lg-1 { padding-top: .25rem!important; } .pt-lg-2 { padding-top: .5rem!important; } .pt-lg-3 { padding-top: 1rem!important; } .pt-lg-4 { padding-top: 1.5rem!important; } .pt-lg-5 { padding-top: 3rem!important; } .display-lg-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-lg-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-lg-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; } .display-lg-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-lg-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; } .display-lg-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; } } @media (min-width: 1200px) { .p-xl-0 { padding: 0!important; } .m-xl-0 { margin: 0!important; } .p-xl-1 { padding: .25rem!important; } .m-xl-1 { margin: .25rem!important; } .p-xl-2 { padding: .5rem!important; } .m-xl-2 { margin: .5rem!important; } .p-xl-3 { padding: 1rem!important; } .m-xl-3 { margin: 1rem!important; } .p-xl-4 { padding: 1.5rem!important; } .m-xl-4 { margin: 1.5rem!important; } .p-xl-5 { padding: 3rem!important; } .m-xl-6 { margin: 3rem!important; } .mb-xl-0 { margin-bottom: 0!important; } .mb-xl-1 { margin-bottom: .25rem!important; } .mb-xl-2 { margin-bottom: .5rem!important; } .mb-xl-3 { margin-bottom: 1rem!important; } .mb-xl-4 { margin-bottom: 1.5rem!important; } .mb-xl-5 { margin-bottom: 3rem!important; } .ml-xl-0 { margin-left: 0!important; } .ml-xl-1 { margin-left: .25rem!important; } .ml-xl-2 { margin-left: .5rem!important; } .ml-xl-3 { margin-left: 1rem!important; } .ml-xl-4 { margin-left: 1.5rem!important; } .ml-xl-5 { margin-left: 3rem!important; } .mr-xl-0 { margin-right: 0!important; } .mr-xl-1 { margin-right: .25rem!important; } .mr-xl-2 { margin-right: .5rem!important; } .mr-xl-3 { margin-right: 1rem!important; } .mr-xl-4 { margin-right: 1.5rem!important; } .mr-xl-5 { margin-right: 3rem!important; } .mt-xl-0 { margin-top: 0!important; } .mt-xl-1 { margin-top: .25rem!important; } .mt-xl-2 { margin-top: .5rem!important; } .mt-xl-3 { margin-top: 1rem!important; } .mt-xl-4 { margin-top: 1.5rem!important; } .mt-xl-5 { margin-top: 3rem!important; } .pb-xl-0 { padding-bottom: 0!important; } .pb-xl-1 { padding-bottom: .25rem!important; } .pb-xl-2 { padding-bottom: .5rem!important; } .pb-xl-3 { padding-bottom: 1rem!important; } .pb-xl-4 { padding-bottom: 1.5rem!important; } .pb-xl-5 { padding-bottom: 3rem!important; } .pl-xl-0 { padding-left: 0!important; } .pl-xl-1 { padding-left: .25rem!important; } .pl-xl-2 { padding-left: .5rem!important; } .pl-xl-3 { padding-left: 1rem!important; } .pl-xl-4 { padding-left: 1.5rem!important; } .pl-xl-5 { padding-left: 3rem!important; } .pr-xl-0 { padding-right: 0!important; } .pr-xl-1 { padding-right: .25rem!important; } .pr-xl-2 { padding-right: .5rem!important; } .pr-xl-3 { padding-right: 1rem!important; } .pr-xl-4 { padding-right: 1.5rem!important; } .pr-xl-5 { padding-right: 3rem!important; } .pt-xl-0 { padding-top: 0!important; } .pt-xl-1 { padding-top: .25rem!important; } .pt-xl-2 { padding-top: .5rem!important; } .pt-xl-3 { padding-top: 1rem!important; } .pt-xl-4 { padding-top: 1.5rem!important; } .pt-xl-5 { padding-top: 3rem!important; } .display-xl-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-xl-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-xl-3 { font-size: 5rem; font-weight: 300; line-height: 1.1; } .display-xl-4 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-xl-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.1; } .display-xl-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.1; } } @media (max-width: 575px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } } @media (min-width: 576px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } }   .post-list-card .post-list-image { display: block; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; } .post-list-card .post-list-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } #conocida-por-content ul li { display: inline-block; width: 121px; vertical-align: top; } #conocida-por-content ul li a, #ha-trabajado-con-content ul li a { display: block; overflow: hidden; border-radius: 5px; } #conocida-por-content ul li a { aspect-ratio: 2 / 3; } #ha-trabajado-con-content ul li a { aspect-ratio: 3 / 4; } #conocida-por-content ul li a img, #ha-trabajado-con-content ul li a img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } #sidebar-cols .row .item a, #producciones-destacadas-content ul li a { display: block; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 5px; } #sidebar-cols .row .item a img, #producciones-destacadas-content ul li a img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } .swiperEstrenos .swiper-slide img { display: block; width: 100%; aspect-ratio: 2 / 3; height: auto; object-fit: cover; }   .page-home .swiperEstrenos:not(.swiper-initialized) .swiper-slide { width: calc((100% - 100px) / 6); margin-right: 20px; } .page-home .mySwiper:not(.swiper-initialized) .swiper-slide { width: calc((100% - 18px) / 3); margin-right: 9px; } @media screen and (max-width: 1440px) { .page-home .swiperEstrenos:not(.swiper-initialized) .swiper-slide { width: calc((100% - 50px) / 6); margin-right: 10px; } .page-home .mySwiper:not(.swiper-initialized) .swiper-slide { width: calc((100% - 12px) / 3); margin-right: 6px; } } @media screen and (max-width: 1280px) { .page-home .swiperEstrenos:not(.swiper-initialized) .swiper-slide { width: calc((100% - 60px) / 6); margin-right: 12px; } } @media screen and (max-width: 768px) { .page-home .swiperEstrenos:not(.swiper-initialized) .swiper-slide { width: calc((100% - 24px) / 4); margin-right: 8px; } .page-home .mySwiper:not(.swiper-initialized) .swiper-slide { width: 100%; margin-right: 5px; } } #lista-estrenos img.poster { display: block; width: 155px; aspect-ratio: 2 / 3; height: auto; object-fit: cover; } .homepage-featured-main--expanded { flex: 0 0 100%; width: 100%; } .quality-record-thumb { display: block; width: auto; height: 56px; object-fit: cover; border-radius: 4px; background: #e9ecef; } @media screen and (max-width: 1366px) { #conocida-por-content ul li { width: 100px; } } @media screen and (max-width: 1152px) { #conocida-por-content ul li { width: 95px; } } @media screen and (max-width: 768px) { #lista-estrenos img.poster { width: 108px; } } .ad-ficha.ad-unfilled, .ad-section.ad-unfilled, .ad-post.ad-unfilled, .ad-homepage.ad-unfilled { display: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: 0 !important; }   .skip-link { position: fixed; top: 8px; left: 8px; z-index: 10000; padding: 10px 14px; background: #fff; color: #111; border: 2px solid #0d6efd; border-radius: 4px; transform: translateY(-150%); } .skip-link:focus { transform: translateY(0); } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid #0d6efd; outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }   @media screen and (max-width: 768px) { .post-list-card { display: block !important; width: 100%; } .post-list-card .post-list-image, .post-list-card .post-list-image img, .post-list-card .card-body { display: block; width: 100% !important; } .post-list-card .card-body { padding: .75rem 0 0; } .post-list-card .card-body h4, .post-list-card .card-body h4 a { width: 100%; max-width: none; overflow: visible; text-overflow: clip; -webkit-line-clamp: unset; } }   #featured-productions, #featured-people { overflow: hidden; } #featured-productions .list-group-horizontal, #featured-people .list-group-horizontal { display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; overflow-y: hidden; padding: 2px 2px 8px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #featured-productions .list-group-horizontal::-webkit-scrollbar, #featured-people .list-group-horizontal::-webkit-scrollbar { display: none; } #featured-productions .list-group-item { flex: 0 0 130px; width: 130px; margin: 0 !important; scroll-snap-align: start; } #featured-productions .list-group-item .poster { display: block; width: 130px; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 10px; } #featured-productions .list-group-item img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; } #featured-people .list-group-item { flex: 0 0 132px; width: 132px; margin: 0 !important; scroll-snap-align: start; } #featured-people .list-group-item .poster { display: block; width: 132px; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 10px; } #featured-people .list-group-item img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; } @media screen and (max-width: 768px) { #featured-productions .list-group-item, #featured-productions .list-group-item .poster { flex-basis: 124px; width: 124px; } #featured-people .list-group-item, #featured-people .list-group-item .poster { flex-basis: 104px; width: 104px; } }   @media screen and (max-width: 767.98px) { body.mobile-search-open { overflow: hidden; } #collapseSearchMobile.mobile-search-overlay { position: fixed; inset: 0; z-index: 1080; align-items: center; justify-content: center; padding: 24px; background: rgba(8, 12, 16, .82); backdrop-filter: blur(4px); } #collapseSearchMobile.mobile-search-overlay.show { display: flex !important; } .mobile-search-dialog { position: relative; width: min(100%, 520px); padding: 34px 22px 24px; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(0, 0, 0, .35); } .mobile-search-dialog h2 { margin: 0 42px 18px 0; font-size: 1.5rem; font-weight: 700; } .mobile-search-controls { display: grid; gap: 12px; } #collapseSearchMobile .mobile-search-controls .form-control { width: 100%; min-height: 56px; padding: 10px 16px; border: 2px solid #ced4da; border-radius: 12px; font-size: 1.25rem; } #collapseSearchMobile .mobile-search-controls .btn { min-height: 50px; border: 0; border-radius: 12px; background: #ffc107; color: #111; font-size: 1.1rem; font-weight: 700; } .mobile-search-close { position: absolute; top: 14px; right: 14px; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: #f0f1f2; color: #212529; font-size: 1.25rem; } }   .legal-content { max-width: 980px; } .legal-content h2 { margin: 1.75rem 0 .75rem; font-size: 1.3rem; font-weight: 700; } .legal-content p, .legal-content li, .legal-content td, .legal-content th { line-height: 1.6; } .legal-content ul { padding-left: 1.25rem; list-style: disc outside; } .legal-content ul li { display: list-item; } @media screen and (max-width: 768px) { .legal-content h2 { font-size: 1.15rem; } }   .search-results-heading { scroll-margin-top: 1rem; } .search-result-nav a { min-height: 40px; display: inline-flex; align-items: center; }   .container-capitulo { overflow-wrap: anywhere; } #container-section.container-capitulo .production-availability h4 { font-size: inherit; color: #555; text-decoration: none; } .container-capitulo .episode-ad { display: none; } .ads-enabled .container-capitulo .episode-ad { display: block; width: 100%; max-width: 970px; height: 278px; min-height: 278px; margin: 32px auto 24px; padding: 0; } .episode-ad-label { display: block; height: 28px; font-size: .75rem; line-height: 20px; color: #666; } .episode-ad-empty, .ad-reserved-empty { visibility: hidden; } .container-capitulo .episode-navigation > a { max-width: 100%; white-space: normal; } .container-capitulo .episode-navigation > a:focus-visible { outline: 2px solid #07549b; outline-offset: 3px; } .container-capitulo .episode-cast { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; } .container-capitulo .episode-cast .reparto-capitulo { width: auto; min-width: 0; margin-top: 0; font-size: 1em; } .container-capitulo .episode-character { line-height: 1.4; margin-left: 42px; } .container-capitulo h2.tit-sinopsis { margin-bottom: 0; }   .production-credits { overflow-wrap: anywhere; } .production-credits .credit-navigation { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 20px 0; } .production-credits .credit-navigation a { display: inline-flex; align-items: center; min-height: 40px; } .production-credits a:focus-visible { outline: 2px solid #07549b; outline-offset: 3px; } .production-credits [id^="credito-"] { scroll-margin-top: 20px; } .production-credits .credit-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; } .production-credits .credit-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px; } .production-credits .credit-person { min-width: 0; } .production-credits .credit-person-link { display: flex; align-items: flex-start; gap: 12px; } .production-credits .credit-person-photo { display: block; flex: 0 0 auto; } .production-credits .credit-person-photo img { display: block; } .production-credits .credit-person-link img { width: 90px; height: 90px; flex: 0 0 90px; object-fit: contain; border-radius: 4px; } .production-credits .credit-person-link span { min-width: 0; } .production-credits .credit-character { margin-left: 102px; margin-top: 4px; } .production-credits .credit-department { margin-bottom: 20px; } .production-credits .credit-department li { margin: 5px 0; } .production-credits .credit-overview-content { display: flex; gap: 14px; align-items: flex-start; } .production-credits .credit-overview-content img { display: block; width: 90px; height: auto; flex: 0 0 90px; border-radius: 6px; } .production-credits .credit-overview-content p { min-width: 0; } .production-credits .credit-ad-column { display: none; } .ads-enabled .production-credits .credit-ad-column { display: block; min-width: 0; } .production-credits .credits-header-ad { width: 100%; min-height: 112px; margin: 0; text-align: center; } .credits-ad-label { display: block; height: 22px; font-size: .7rem; line-height: 18px; color: #666; } .person-biography-ad { display: none; clear: both; } .ads-enabled .person-biography-ad { display: block; width: 100%; max-width: 728px; margin: 20px auto 24px; text-align: center; } .person-biography-ad-label { display: block; height: 22px; font-size: .7rem; line-height: 18px; color: #666; } @media (max-width: 767px) { .ads-enabled .person-biography-ad { max-width: 320px; margin: 16px auto 20px; } } .section-header-ad { display: none; } .ads-enabled .section-header-ad { display: block; width: 100%; min-height: 112px; margin: 0; text-align: center; } .section-header-ad-label { display: block; height: 22px; font-size: .7rem; line-height: 18px; color: #666; } .person-sidebar-ad { display: none; } .person-sidebar-ad-label { display: block; height: 22px; font-size: .7rem; line-height: 18px; color: #666; } .person-sidebar-ad-slot { width: 100%; min-height: 250px; } @media (min-width: 992px) { .ads-enabled .person-sidebar-ad { display: block; width: 100%; min-height: 272px; margin: 20px 0 24px; text-align: center; } } @media (max-width: 767px) { .ads-enabled .section-header-ad { min-height: 72px; margin-top: 16px; } .ads-enabled .production-credits .credit-ad-column { margin-top: 16px; } .production-credits .credits-header-ad { min-height: 72px; } } @media (max-width: 767px) { .production-credits .credit-columns { grid-template-columns: minmax(0, 1fr); } }   #conocida-por-content ul li { display: inline-block; vertical-align: top; width: 121px; white-space: normal; } #conocida-por-content ul li a { display: block; aspect-ratio: auto; overflow: visible; } #conocida-por-content ul li a img { width: 100%; height: auto !important; aspect-ratio: 121 / 181; object-fit: contain; } #conocida-por-content .person-work-label { display: block; margin-top: 5px; font-size: .9rem; line-height: 1.3; overflow-wrap: anywhere; } #ficha-persona { overflow-wrap: anywhere; } .container-biografia .biography-text { overflow-wrap: anywhere; } .container-biografia .biografia::after { content: ''; display: block; clear: both; } @media (max-width: 768px) { #conocida-por-content ul li { width: 95px; } }   .production-editorial { overflow-wrap: anywhere; } .production-editorial .editorial-list { padding: 0; margin: 0; list-style: none; } .production-editorial .editorial-list > li { display: flex; align-items: baseline; margin: 0 0 16px; padding: 0; } .production-editorial .editorial-list > li > i { flex: 0 0 auto; } .production-editorial .editorial-list > li > :last-child { min-width: 0; } .production-editorial blockquote { margin: 0; font: inherit; white-space: pre-line; } .production-editorial .editorial-rich-text { max-width: 100%; } .production-editorial .editorial-rich-text img, .production-editorial .editorial-rich-text iframe { max-width: 100%; } .production-editorial .editorial-rich-text img { height: auto; } .production-editorial .editorial-rich-text table { display: block; max-width: 100%; overflow-x: auto; } .production-editorial .editorial-rich-text pre { white-space: pre-wrap; overflow-wrap: anywhere; } .production-editorial .editorial-rich-text ul { padding-left: 1.5rem; list-style: disc outside; } .production-editorial .editorial-rich-text ol { padding-left: 1.5rem; list-style: decimal outside; } .production-editorial .editorial-rich-text ul > li { list-style: disc outside; } .production-editorial .editorial-rich-text ol > li { list-style: decimal outside; } .production-editorial .credit-overview-content { display: flex; gap: 14px; align-items: flex-start; } .production-editorial .credit-overview-content img { display: block; width: 90px; height: auto; flex: 0 0 90px; border-radius: 6px; } .production-editorial .credit-overview-content p { min-width: 0; } .production-editorial a:focus-visible { outline: 2px solid #07549b; outline-offset: 3px; } .production-editorial .editorial-list > li > span { color: inherit; } @media (max-width: 575px) { .production-editorial .credit-overview-content { display: flow-root; } .production-editorial .credit-overview-content img { float: left; margin: 0 14px 8px 0; } }   .video-collection { overflow-wrap: anywhere; } .video-collection .video-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 24px; list-style: none; padding: 0; margin: 16px 0; } .video-collection .video-cards > li { min-width: 0; margin: 0; padding: 0; scroll-margin-top: 20px; } .video-collection .video-card { display: block; } .video-collection .video-card-image { display: block; position: relative; aspect-ratio: 4 / 3; background: #f1f2f3; } .video-collection .video-card-image img { display: block; width: 100%; height: 100%; object-fit: contain; } .video-collection .video-card-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; background: rgb(0 0 0 / 75%); padding: 8px 14px; border-radius: 8px; pointer-events: none; } .video-collection .video-card-name { display: block; margin-top: 8px; font-weight: 700; } .video-collection .video-card-description { display: block; margin-top: 4px; color: #212529; white-space: pre-line; } .video-collection .video-card-language { display: block; margin-top: 4px; color: #495057; } .video-collection .video-card:focus-visible { outline: 2px solid #07549b; outline-offset: 4px; } .video-collection .video-card-play::before { content: ''; display: block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #fff; } .video-collection .video-card:hover { text-decoration: none; } .video-collection .video-card:hover .video-card-name { text-decoration: underline; }   .image-gallery { overflow-wrap: anywhere; } .image-gallery #gallery.image-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, 100px); gap: 16px; list-style: none; margin: 0; padding: 0; } .image-gallery #gallery.image-gallery-grid li { margin: 0; padding: 0; } .image-gallery #gallery.image-gallery-grid a { display: block; width: 100px; height: 100px; margin: 0; } .image-gallery #gallery.image-gallery-grid img { display: block; width: 100px; height: 100px; object-fit: cover; } .image-gallery #gallery a:focus-visible { outline: 2px solid #07549b; outline-offset: 4px; } .gallery-viewer-caption { overflow-wrap: anywhere; white-space: pre-line; padding: .5rem; background: rgb(0 0 0 / 85%); border-radius: 5px; } .media-catalog { min-width: 0; overflow-wrap: anywhere; } .media-catalog-header { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; } .media-catalog-header h1 { margin: 0; } .media-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-left: auto; } .media-filter .form-select { width: auto; max-width: 100%; } .media-page-status { margin-bottom: 16px; } .media-pagination { display: flex; flex-wrap: wrap; gap: 6px; } .media-pagination a, .media-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 4px 10px; border: 1px solid #ddd; border-radius: 4px; } .media-pagination [aria-current] { background: #f0f0f0; color: #111; font-weight: bold; } .media-image-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr)); align-items: start; gap: 24px 16px; list-style: none; padding: 0; margin: 0; } .media-image-cards a { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .media-image-cards img { max-width: 100%; height: auto; border-radius: 4px; } .media-image-cards span { white-space: pre-line; } .media-image-cards a:focus-visible, .media-pagination a:focus-visible { outline: 2px solid #007bff; outline-offset: 3px; } @media (max-width: 575px) { .media-filter { margin-left: 0; } } .quick-vote-catalog { min-width: 0; overflow-wrap: anywhere; } .quick-vote-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; } .quick-vote-filters > div { max-width: 100%; } .quick-vote-filters label { display: block; margin-bottom: 4px; } .quick-vote-filters select { max-width: 100%; } #voto-rapido .quick-vote-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 24px 16px; padding: 0; list-style: none; } #voto-rapido .quick-vote-cards li { display: flex; flex-direction: column; min-width: 0; gap: 8px; } #voto-rapido .quick-vote-link { display: flex; flex-direction: column; gap: 8px; } #voto-rapido .quick-vote-link img { width: 150px; max-width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: contain; } #voto-rapido .quick-vote-cards select { width: 100%; max-width: 180px; min-height: 36px; margin-top: auto; } #voto-rapido .quick-vote-cards li > span { color: inherit; } .quick-vote-link:focus-visible { outline: 2px solid #007bff; outline-offset: 3px; } .top-catalog { min-width: 0; overflow-wrap: anywhere; } .top-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; } .top-filters > div { max-width: 100%; } .top-filters label { display: block; margin-bottom: 4px; } .top-filters input { max-width: 125px; } .top-filters select { max-width: 100%; } .top-results { list-style: none; padding: 0; } .top-results > li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 6px 10px; padding: 14px 0; border-bottom: 1px solid #ddd; } .top-position { font-weight: bold; text-align: center; } .top-work { display: flex; align-items: flex-start; gap: 12px; font-weight: bold; } .top-work img { flex: 0 0 44px; width: 44px; height: 66px; object-fit: contain; } .top-details { grid-column: 2; display: flex; flex-wrap: wrap; gap: 6px 16px; } .top-work:focus-visible { outline: 2px solid #007bff; outline-offset: 3px; } .article-catalog { min-width: 0; overflow-wrap: anywhere; } .article-catalog .card-body h2 { font-size: 1.25rem; } .article-catalog .card-body h2 a { white-space: normal; overflow-wrap: anywhere; } .article-catalog .post-list-image img { width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; } .article-catalog .post-list-image img.post-image-fallback { object-fit: contain; background: #f8f9fa; } .article-catalog .post-list-image:focus-visible, .article-catalog h2 a:focus-visible { outline: 2px solid #007bff; outline-offset: 3px; } .release-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; } .release-filters > div { max-width: 100%; } .release-filters label { display: block; margin-bottom: 4px; } .release-filters select, .release-filters input { max-width: 100%; } .release-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 20px; padding: 0; list-style: none; } .release-list li { min-width: 0; overflow-wrap: anywhere; } .release-list img { display: block; width: 120px; height: 180px; object-fit: contain; margin: 6px 0; } .release-list a:focus-visible { outline: 2px solid #007bff; outline-offset: 3px; }   .post-breadcrumb { flex-wrap: wrap; row-gap: .25rem; } .post-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: '›'; color: #62676b; } .article-catalog .card-body h2 a, .post-list-card .card-body :is(h2, h3, h4) a, .related-posts .card-body a { color: #000; text-decoration: none; text-underline-offset: .2em; } .article-catalog .card-body h2 a:hover, .post-list-card .card-body :is(h2, h3, h4) a:hover, .related-posts .card-body a:hover { color: #007bff; text-decoration: underline; } .related-posts .card { display: flex; width: 100%; height: 100%; overflow: hidden; } .article-catalog .card-body { width: 100%; } .related-posts .card > a { display: block; flex: none; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; } #container-article .related-posts .card img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; } #container-article .related-posts .card .card-body { width: auto; padding: .6rem .8rem; } .production-credits .credit-navigation { flex-wrap: nowrap; gap: 0; overflow-x: auto; scrollbar-width: none; } .production-credits .credit-navigation::-webkit-scrollbar { display: none; } .production-credits .credit-navigation a { flex: none; white-space: nowrap; } .production-credits .credit-navigation a + a::before { content: '|'; color: #777; margin: 0 .75rem; } .production-credits .credit-people { list-style: none; padding: 0; } .production-credits .credit-person-link img { object-fit: cover; } .production-credits .credit-person-text { display: block; } .production-credits .credit-person-name { display: block; } .production-credits .credit-person-text .credit-character { display: block; color: #212529; margin: .2rem 0 0; line-height: 1.3; } .episode-country-flag { display: inline-block; width: 16px; height: 16px; margin-right: .3rem; vertical-align: text-bottom; } #conocida-por-content ul li a img { height: auto !important; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 5px; } #conocida-por-content .person-work-label { margin-top: 3px; } .search-result-nav { gap: 2px 10px; } .search-result-nav a { font-size: 1rem; min-height: 32px; padding: .2rem .4rem; } .productions-list .list-group-item > a:first-child { flex: 0 0 44px; } .productions-list .list-group-item > a:first-child img { display: block; width: 44px; height: 63px; object-fit: cover; } #people-list .list-group-item > a:first-child { flex: 0 0 42px; } #people-list .list-group-item > a:first-child img { width: 42px; height: 42px; object-fit: cover; } #news-list .list-group-item > a:first-child { flex: 0 0 80px; } #news-list .list-group-item > a:first-child img { display: block; width: 80px; height: 40px; object-fit: cover; } .release-week-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .release-week-navigation a { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .5rem .8rem; border: 1px solid #d9dee3; border-radius: 6px; background: #f8f9fa; color: #212529; text-decoration: none; } .release-week-navigation a:hover { background: #e7f1ff; border-color: #007bff; color: #0056b3; } .release-week-navigation .release-current-week { background: #212529; color: #fff; border-color: #212529; } .release-week-navigation a:focus-visible { outline: 2px solid #007bff; outline-offset: 3px; } .release-day { padding: .6rem .8rem; border-bottom: 1px solid #d9dee3; border-radius: 5px 5px 0 0; background: #efefef; } .release-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .release-card { display: flex; gap: 16px; align-items: flex-start; } .release-list .release-poster { display: block; width: 120px; flex: 0 0 120px; border-radius: 10px; overflow: hidden; box-shadow: 2px 2px 3px #969696; text-decoration: none; } .release-list .release-poster img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; margin: 0; } .release-title { display: block; padding: 4px 7px; background: #212529; color: #ffe000; font-size: .8rem; line-height: 1.3; } .release-poster:hover .release-title { text-decoration: underline; text-underline-offset: .15em; } .release-info { min-width: 0; display: grid; gap: .35rem; } .release-format { font-weight: 600; } .release-list .release-country-flag { display: inline-block; width: 16px; height: 16px; margin: 0 .3rem 0 0; vertical-align: text-bottom; } @media (max-width: 768px) { #trending-row { max-height: none; scrollbar-width: none; } #trending-row ul { align-items: center; padding: 4px 0; } #trending-row ul li a { height: 40px; min-height: 40px; } #trending-row .trending-title { top: 0; } .content-title-home h2, .content-title-home h3 { min-height: 34px; line-height: 34px; } .content-title-home h2, .content-title-home h3 { display: flex; align-items: center; gap: 8px; } .content-title-home .ver-todos { margin-left: auto; flex: none; } .content-title h2 .ver-todos, .content-title h3 .ver-todos, .content-title-home h2 .ver-todos, .content-title-home h3 .ver-todos { height: 34px; min-height: 34px; line-height: 1; top: 0; padding: 0 10px; } .production-credits .credit-people { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; } .production-credits .credit-person-link { gap: 8px; } .production-credits .credit-person-link img { width: 56px; height: 64px; flex-basis: 56px; } .production-credits .credit-person-text { font-size: .9rem; line-height: 1.3; } ul#recomendaciones { scrollbar-width: none; touch-action: pan-x pan-y; } .release-card { flex-direction: column; gap: 10px; } .release-list { gap: 24px 16px; } .release-list .release-poster { flex-basis: auto; max-width: 100%; } .release-week-navigation { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 6px; } .release-week-navigation a { padding: .4rem .5rem; font-size: .85rem; line-height: 1.3; text-align: center; } #news-list .list-group-item > a:first-child { flex-basis: 56px; } #news-list .list-group-item > a:first-child img { width: 56px; height: 36px; } } @media (max-width: 767px) { ul#mobile-opt { margin-right: 2px !important; margin-left: auto !important; } ul#mobile-opt li { margin-right: 0 !important; } ul#mobile-opt a { width: 36px; height: 40px; } ul#mobile-opt a i.bi::before { font-size: 1.4rem; } .navbar-dark .navbar-toggler { width: 36px; height: 40px; font-size: 1rem; } .navbar-dark .navbar-toggler-icon { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M2 5h20M2 12h20M2 19h20'/%3E%3C/svg%3E"); } } @media (max-width: 359px) { .navbar-brand { margin-right: 8px; } .navbar-brand img { width: 156px; height: auto; } .content-title-home h2, .content-title-home h3 { font-size: 1.05rem; } .content-title-home h2 img, .content-title-home h3 img { width: 24px; height: 16px; margin-left: 0 !important; } }   .numbered-pagination .pagination { padding: 0; list-style: none; } .numbered-pagination .page-link { text-decoration: none; } .related-posts .card-body h3 { font-size: 1.15rem; } .release-list { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } .release-title { text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: .4px; } .release-country-flag, .episode-country-flag { position: relative; top: -1px; } .release-heading-flag { display: inline-block; vertical-align: text-bottom; margin-left: 4px; } .release-list .release-platform-logo { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 4px; vertical-align: middle; border-radius: 4px; object-fit: contain; } .container-capitulo h1.tit-capitulo { text-align: left; } .production-credits .credit-department li { margin: 1px 0; line-height: 1.35; } .production-credits .credit-person-link img { border-radius: 5px; } .people-search-form { display: flex; flex-wrap: wrap; gap: 8px; max-width: 480px; clear: both; } .people-search-form #people-search { flex: 1 1 150px; width: auto; min-width: 0; } .people-search-form button { flex: none; } #ficha-persona-content > ul > li, #ficha-persona-content > ul > li p { font-size: 1.05rem; } #voto-rapido .quick-vote-cards li { gap: 2px; } #voto-rapido .quick-vote-link { gap: 3px; min-width: 0; } #voto-rapido .quick-vote-link img { display: block; width: 100%; object-fit: cover; border-radius: 5px; } #voto-rapido .quick-vote-link > span { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .9rem; letter-spacing: .4px; line-height: 1.3; } #voto-rapido .quick-vote-cards li > span { line-height: 1.3; } #voto-rapido .quick-vote-cards select { min-height: 28px; height: 28px; padding: 1px 4px; margin-top: 4px; border: 1px solid #adb5bd; border-radius: 4px; } .media-catalog .video-card-image { overflow: hidden; border-radius: 5px; } .video-card-name .video-language-flag { display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: text-bottom; position: relative; top: -1px; border-radius: 0; } .top-filters #top-year { border: 1px solid #adb5bd; border-radius: 4px; padding: .375rem .75rem; background-color: #fff; } .restored-top-results .top-poster { flex: 0 0 44px; } .restored-top-results .top-poster img { display: block; width: 44px; height: 66px; object-fit: cover; border-radius: 4px; } .restored-top-results .lista-top { min-width: 0; padding: 0; list-style: none; } .restored-top-results .posicion { flex: none; } .restored-top-results .lista-top li { line-height: 1.4; } @media (max-width: 768px) { #trending-row ul { padding: 5px 0; } #trending-row ul li a { height: 24px; min-height: 24px; padding-left: 12px !important; padding-right: 12px !important; } #trending-row .trending-title { border-radius: 16px; } .release-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .container-capitulo .episode-navigation { flex-wrap: nowrap !important; gap: 4px !important; } .container-capitulo .episode-navigation a { min-width: 0; font-size: .8rem; padding: 5px 3px; white-space: nowrap; } .container-capitulo .episode-navigation a i { margin-left: 2px !important; margin-right: 2px !important; } .people-search-reset { flex-basis: auto; } .restored-top-results .lista-top li.tit { max-width: 100% !important; white-space: normal; } }   .release-catalog-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; } .release-catalog-cards .release-card { flex-direction: row; gap: 16px; } .release-catalog-cards .release-poster { width: 120px; flex: 0 0 120px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, .14); } .release-catalog-cards .release-info { flex: 1; gap: 10px; } .release-work-heading { line-height: 1.35; } .release-work-title { font-size: 1.1rem; color: #0065d1; font-weight: 600; letter-spacing: 0.2px; text-decoration: none; margin-right: 5px; } .release-work-title:hover { color: #000; text-decoration: none; } .release-work-year, .release-country-label { font-size: .85rem; margin-left: 3px; } .release-catalog-cards .release-country-flag { top: -1px; } .release-heading-flag { top: -2px; } .release-heading-country { white-space: nowrap; } .release-catalog-cards .release-info > span, .release-catalog-cards .release-work-year { color: #212529; } .release-catalog-cards .release-format-icons { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0; list-style: none; } .release-catalog-cards .release-format-icons img { display: block; width: 40px; height: 40px; margin: 0; object-fit: contain; border-radius: 6px; box-shadow: 0 1px 3px #0003; } .release-day { font-size: 1rem; font-weight: 500; letter-spacing: 0.2px; background: #efefef; } .release-filters [data-release-reset][hidden] { display: none !important; } @media (max-width: 767px) { .release-catalog-cards { grid-template-columns: minmax(0, 1fr); } .release-catalog-cards .release-card { gap: 14px; } .release-catalog-cards .release-poster { width: 110px; flex-basis: 110px; } }   h1 { font-weight: 700 !important; } article h1.post-title { font-size: 2.25rem; } .production-credits { padding-bottom: 2.5rem; } .production-availability .availability-dates > summary { min-height: 0; padding: 4px 0 0; } .production-availability .availability-dates > ul { margin-top: 0; } .production-availability [data-availability-flag] { display: block; width: 16px; height: 16px; object-fit: contain; } .video-collection .video-card-image { overflow: hidden; border-radius: 7px; } .video-collection .video-card-language { font-size: .85rem; line-height: 1.3; margin-top: 1px; } .production-title-search { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 480px; min-width: 0; } .production-title-search #buscar-produccion { flex: 1; width: auto; min-width: 0; margin: 0; } .production-title-search button { flex: none; }   .production-details .info-list .flag-pais { background-position-y: 3px; } #trailers-sidebar .card-body .card-title { font-size: 1.15rem; margin-bottom: 0; } .production-watchlist-under-poster { margin-top: 12px; } .production-watchlist-under-poster .btn { display: block; width: 100%; white-space: normal; } .top-filters [hidden] { display: none !important; } .top-result-count { margin-top: 1rem; margin-bottom: 0; } @media (max-width: 768px) { .filters-container .filter-section { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .filters-container .production-title-search { order: -1; } .filters-container .btn-group { float: none !important; } .filters-container .btn-filter { font-size: 1rem; } }   @media screen and (max-width: 768px) { .ads-enabled .homepage-featured-ad .ads-block-1:has(ins.adsbygoogle:not([data-ad-status])) { min-height: 100vw; } }