/* ae-actors-list.css — extraído de inline <style> de ae-actors-list.php (2026-07-15), sin PHP, cacheable */
.al-wrap{max-width:1320px;margin:0 auto;padding:0 0 32px;font-family:var(--db);color:#fff;-webkit-font-smoothing:antialiased;position:relative}
/* Actualidad ocupa exactamente el mismo ancho que el resto de secciones (no se auto-centra a 1320 dentro del wrap) */
.al-wrap .al-news{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* En la página de Actores, el carrusel usa el mismo mecanismo que .al-row-wrap (estrechado+centrado → 48px). Solo aquí (.al-wrap). */
@media(min-width:768px){
    .al-wrap .al-news-track-wrap{max-width:calc(100% - 96px);margin:0 auto}
    .al-wrap .al-news-track{padding-left:0!important;padding-right:0!important}
}
.al-wrap *{box-sizing:border-box}

/* Header — Oscars gold */
.al-wrap{--al-glow:rgba(212,175,55,.26);--al-glow2:rgba(212,175,55,.1);--al-particle:rgba(255,215,0,.9);--al-particle-shadow:rgba(255,215,0,.55)}
.al-header{text-align:center;padding:118px 32px 22px;margin-bottom:0;position:relative;overflow:visible;background:radial-gradient(ellipse at 50% 20%,var(--al-glow) 0%,var(--al-glow2) 40%,transparent 70%);isolation:isolate}
/* Soft glow extension below header — fully transparent before birthday strip */
/* Removed: the after-header golden radial was bleeding into the "Nacidos Hoy" section
   and creating a visible seam between the title block and the carousel. */
.al-header > *{position:relative;z-index:2}
.al-title{font-family:'DM Sans',sans-serif;font-size:clamp(34px,5.2vw,58px);font-weight:800;letter-spacing:-.01em;color:#fff;line-height:1.02;margin:0;opacity:0;transform:translateY(20px);animation:alRevealUp .9s cubic-bezier(.22,1,.36,1) .1s forwards;position:relative;z-index:3;text-shadow:0 4px 18px rgba(0,0,0,.5),0 12px 50px rgba(0,0,0,.4);display:inline-block;padding:0 4px}
/* Shimmer sweep across the title text — Walk-of-Fame vibe */
.al-title .al-title-inner{position:relative;display:inline-block;color:#fff}
.al-rotate-wrap{margin:10px auto 0;min-height:22px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:2;max-width:680px;padding:0 16px;opacity:0;animation:alRevealUp .7s cubic-bezier(.22,1,.36,1) .35s forwards}
.al-rotate-wrap::before,.al-rotate-wrap::after{content:'';flex:0 0 auto;width:clamp(28px,5vw,56px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,217,138,.55),transparent);opacity:.85;transform:scaleX(1);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}
.al-rotate-wrap::before{transform-origin:right}
.al-rotate-wrap::after{transform-origin:left}
.al-rotate-wrap.out::before,.al-rotate-wrap.out::after{opacity:0;transform:scaleX(.15)}
.al-rotate{font-size:clamp(10.5px,1.3vw,12.5px);color:rgba(255,217,138,.78);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-family:var(--db);line-height:1.4;text-align:center;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);will-change:opacity,transform;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.al-rotate.out{opacity:0;transform:translateY(-6px)}
/* Hide in-page search — global header search already covers actors */
.al-search-wrap,#alSearchResults{display:none!important}
@keyframes alRevealUp{to{opacity:1;transform:translateY(0)}}
/* Premium cinema sparkles around the title — Walk-of-Fame stars + subtle theatre icons */
/* ── Animated FACE wall background (same system as Pelis/Series, with actor portraits) ──
   Scoped under .al-header so position:fixed + z-index:0 beat the `.al-header > *{z-index:2}` reset. */
.al-header .al-poster-bg{position:fixed;top:58px;left:0;right:0;height:80vh;z-index:0;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;gap:8px;opacity:calc(.22 * var(--al-pbg-fade, 1));transition:opacity .15s linear;transform:rotate(-3deg) scale(1.12);transform-origin:center center;filter:saturate(.92) brightness(.8);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.5) 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.5) 78%,transparent 100%)}
.al-poster-row{display:flex;white-space:nowrap;flex-shrink:0;width:max-content;animation-timing-function:linear;animation-iteration-count:infinite;backface-visibility:hidden;transform:translate3d(0,0,0)}
.al-poster-row img{width:88px;height:132px;flex-shrink:0;object-fit:cover;object-position:center 18%;border-radius:9px;background-color:#11111c;box-shadow:0 4px 12px rgba(0,0,0,.45);display:block;user-select:none;-webkit-user-drag:none;margin-right:7px}
.al-poster-row--0{animation-name:alPwLeft;animation-duration:85s}
.al-poster-row--1{animation-name:alPwRight;animation-duration:105s}
.al-poster-row--2{animation-name:alPwLeft;animation-duration:95s}
.al-poster-row--3{animation-name:alPwRight;animation-duration:115s;display:none}
@keyframes alPwLeft{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.3333%,0,0)}}
@keyframes alPwRight{from{transform:translate3d(-33.3333%,0,0)}to{transform:translate3d(0,0,0)}}
.al-header .al-poster-bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(36,36,47,.58) 0%,rgba(36,36,47,.82) 55%,rgba(36,36,47,.97) 90%,#24242f 100%);pointer-events:none;z-index:0}
@media(max-width:768px){
    .al-header .al-poster-bg{opacity:calc(.3 * var(--al-pbg-fade, 1));filter:saturate(.92) brightness(.8);gap:7px;transform:rotate(-4deg) scale(1.15)}
    .al-poster-row img{width:62px;height:93px;border-radius:7px;margin-right:6px}
}
@media(prefers-reduced-motion:reduce){.al-poster-row{animation:none!important}}
.al-header-particles{position:absolute;left:0;right:0;top:0;bottom:-280px;pointer-events:none;z-index:1;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.4) 85%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.4) 85%,transparent 100%)}
.al-p{position:absolute;display:inline-block;opacity:0;font-style:normal;line-height:1;animation:alSparkPulse 5.4s ease-in-out infinite both;text-shadow:0 0 14px rgba(255,209,102,.55),0 0 28px rgba(255,209,102,.25);will-change:opacity,transform}
.al-p-star{color:#ffd166;font-size:14px}
.al-p-spark{color:#fff;font-size:11px;text-shadow:0 0 10px rgba(255,255,255,.6)}
.al-p-cinema{font-size:22px;opacity:0;filter:drop-shadow(0 4px 14px rgba(255,209,102,.35));text-shadow:none}
@keyframes alSparkPulse{0%,100%{opacity:0;transform:translateY(6px) scale(.55) rotate(0)}40%,60%{opacity:1;transform:translateY(-4px) scale(1.05) rotate(10deg)}}
@keyframes alCinemaFloat{0%,100%{opacity:0;transform:translateY(8px) scale(.6) rotate(-4deg)}45%,55%{opacity:.7;transform:translateY(-6px) scale(1) rotate(2deg)}}
.al-p-cinema{animation-name:alCinemaFloat;animation-duration:7s}
.al-p:nth-child(1) {left:6%;  top:22%; animation-delay:0s}
.al-p:nth-child(2) {left:18%; top:14%; animation-delay:.6s}
.al-p:nth-child(3) {left:30%; top:62%; animation-delay:1.1s;font-size:12px}
.al-p:nth-child(4) {left:42%; top:18%; animation-delay:1.7s}
.al-p:nth-child(5) {left:50%; top:78%; animation-delay:2.2s}
.al-p:nth-child(6) {left:58%; top:24%; animation-delay:2.7s;font-size:13px}
.al-p:nth-child(7) {left:68%; top:58%; animation-delay:3.2s;font-size:16px}
.al-p:nth-child(8) {left:78%; top:18%; animation-delay:3.7s}
.al-p:nth-child(9) {left:86%; top:74%; animation-delay:4.2s}
.al-p:nth-child(10){left:92%; top:30%; animation-delay:4.7s;font-size:12px}
.al-p:nth-child(11){left:12%; top:78%; animation-delay:5.2s}
.al-p:nth-child(12){left:24%; top:48%; animation-delay:.3s;font-size:10px;opacity:0}

/* Search bar + Filters */
/* ═══ BIRTHDAY STRIP — compact circular avatars above filters ═══ */
.al-bday-strip{margin:8px 0 18px;padding:0 14px;max-width:1100px;margin-left:auto;margin-right:auto;position:relative;z-index:2;background:transparent!important}
@media(min-width:768px){.al-bday-strip{padding:0 28px;margin:12px auto 24px}}
.al-bday-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:0 4px;justify-content:space-between}
.al-bday-cake{font-size:.85em;margin-left:8px;animation:alBdayCake 2.4s cubic-bezier(.34,1.56,.64,1) infinite;filter:drop-shadow(0 2px 8px rgba(255,180,90,.4));display:inline-block;vertical-align:middle}
@keyframes alBdayCake{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-3px) rotate(-6deg)}40%{transform:translateY(-1px) rotate(4deg)}}
.al-bday-title{font-size:13px;font-weight:700;color:#fff;letter-spacing:1.2px;font-family:'DM Sans',sans-serif;text-transform:uppercase}
.al-bday-date{font-size:13px;color:rgba(255,209,102,.85);font-weight:700;letter-spacing:.3px;margin-left:auto;font-family:'DM Sans',sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.al-bday-row-wrap{position:relative}
.al-bday-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 4px 8px;scroll-snap-type:x proximity;scroll-behavior:smooth}
.al-bday-row::-webkit-scrollbar{display:none}
.al-bday-pill{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:77px;text-decoration:none;color:#fff;transition:transform .25s cubic-bezier(.22,1,.36,1);scroll-snap-align:start}
.al-bday-pill:hover{transform:translateY(-3px)}
.al-bday-photo-wrap{position:relative;width:77px;height:77px}
.al-bday-photo{width:77px;height:77px;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(255,209,102,.55);box-shadow:0 4px 14px rgba(255,180,90,.22),0 0 0 4px rgba(255,209,102,.06)}
.al-bday-photo--ph{background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:24px;color:rgba(255,255,255,.4)}
.al-bday-pill:hover .al-bday-photo{border-color:rgba(255,209,102,.85);box-shadow:0 6px 18px rgba(255,180,90,.35),0 0 0 5px rgba(255,209,102,.12)}
.al-bday-badge{position:absolute;bottom:-3px;right:-3px;min-width:22px;height:22px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b8860b,#8a6508);color:#fff;font-size:10.5px;font-weight:800;border-radius:99px;border:2px solid #24242f;box-shadow:0 2px 6px rgba(140,100,8,.5);font-family:'DM Sans',sans-serif;letter-spacing:0;line-height:1}
/* In memoriam: infinity glyph on a very dark gold background */
.al-bday-badge--mem{background:linear-gradient(135deg,#4a3a0c,#2e2406);color:#ffd166;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 2px 6px rgba(40,30,5,.7),inset 0 1px 0 rgba(255,209,102,.2)}
.al-bday-name{font-size:11px;color:rgba(255,255,255,.78);text-align:center;line-height:1.2;max-width:82px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;letter-spacing:-.05px}
/* Scroll buttons hidden by default — only shown on desktop hover/when overflow */
.al-bday-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(15,15,22,.85);border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;align-items:center;justify-content:center;z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.4);transition:all .2s ease;padding:0}
.al-bday-nav svg{width:16px;height:16px}
.al-bday-nav:hover{background:rgba(255,209,102,.18);border-color:rgba(255,209,102,.55);color:#ffd166;transform:translateY(-50%) scale(1.08)}
.al-bday-nav--prev{left:8px}
.al-bday-nav--next{right:8px}
.al-bday-nav.is-hidden{opacity:0;pointer-events:none}
/* Right edge fade hint — se desvanece suave al llegar al final del scroll */
.al-bday-row-wrap::after{content:'';display:none;position:absolute;top:0;bottom:8px;right:0;width:60px;background:linear-gradient(90deg,transparent,#24242f 70%);pointer-events:none;z-index:2;opacity:1;transition:opacity .3s ease}
.al-bday-row-wrap.at-end::after{opacity:0}

/* ── PC: larger avatars, exact 8 + half visible, scroll arrows on hover ── */
@media(min-width:768px){
    .al-bday-pill{width:96px;gap:8px}
    .al-bday-photo-wrap,.al-bday-photo,.al-bday-photo--ph{width:123px;height:123px}
    .al-bday-photo{border-width:3px;box-shadow:0 8px 26px rgba(255,180,90,.32),0 0 0 5px rgba(255,209,102,.1)}
    .al-bday-pill:hover .al-bday-photo{box-shadow:0 12px 32px rgba(255,180,90,.45),0 0 0 6px rgba(255,209,102,.18)}
    .al-bday-badge{min-width:30px;height:30px;font-size:13px;padding:0 9px;bottom:-4px;right:-4px;border-width:3px}
    .al-bday-name{font-size:13.5px;max-width:134px;-webkit-line-clamp:1;margin-top:4px;font-weight:600}
    .al-bday-pill{width:134px;gap:9px}
    .al-bday-row{gap:24px;padding:8px 6px 14px}
    .al-bday-strip{max-width:1320px;padding:0 36px}  /* match al-wrap width (En Tendencia) */
    .al-bday-head{margin-bottom:14px;padding:0 6px}
    .al-bday-title{font-size:15px;letter-spacing:1.4px}
    .al-bday-cake{font-size:18px}
    .al-bday-nav{display:flex}
    .al-bday-row-wrap::after{display:block}
}

/* Soft divider between Bday strip and filters — semi-transparent, not full-width */
.al-soft-divider{display:none}

.al-search-wrap{padding:0 20px;margin-bottom:8px;position:sticky;top:58px;z-index:100;padding-top:12px;padding-bottom:12px;background:#24242f}
.al-gender-pill{padding:5px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.4);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}
.al-gender-pill:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.6)}
.al-gender-pill.active{background:rgba(185,28,28,.15);border-color:rgba(185,28,28,.3);color:#b91c1c}
/* ── New filter chips (Tipo / Región / Era) ── */
.al-sec-head.al-sec-head-filters{display:flex;align-items:center;justify-content:center!important;gap:12px;flex-wrap:wrap;padding:8px 20px 4px}
.al-sec-head.al-sec-head-filters + .al-grid{margin-top:6px}
.al-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto}
.al-fdrop{position:relative}
.al-fchip{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.92);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s cubic-bezier(.22,1,.36,1);white-space:nowrap;letter-spacing:.5px;min-width:140px;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.al-fchip:hover{background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.07) 100%);color:#fff;border-color:rgba(255,255,255,.26);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.al-fchip:focus-visible{outline:2px solid #b91c1c;outline-offset:3px}
.al-fchip.has-value{background:linear-gradient(180deg,rgba(185,28,28,.3),rgba(185,28,28,.14));border-color:rgba(185,28,28,.55);color:#fff;box-shadow:0 6px 20px rgba(185,28,28,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.al-fchip-svg{flex-shrink:0;opacity:.85;transition:opacity .2s}
.al-fchip:hover .al-fchip-svg,.al-fchip.has-value .al-fchip-svg{opacity:1}
.al-fchip-chev{opacity:.55;transition:transform .25s cubic-bezier(.22,1,.36,1);margin-left:2px}
.al-fdrop.open .al-fchip-chev{transform:rotate(180deg);opacity:1}
/* Fondo del menú (2026-07-12): antes rgba(15,15,25,.97) — un negro-azulado más oscuro y saturado
   que la paleta gris-oscuro real del sitio (#24242f página / #23232e cards / #232334 imágenes).
   Ahora usa esa misma familia para que el desplegable se sienta parte de la web, no un componente aparte. */
.al-fmenu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:rgba(35,35,46,.97);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;z-index:200;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04) inset}
.al-fdrop.open .al-fmenu{display:block;animation:alFmenuIn .25s cubic-bezier(.22,1,.36,1) both}
@keyframes alFmenuIn{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
.al-fmenu-scroll{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.al-fmenu-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;color:rgba(255,255,255,.72);font-size:13px;font-weight:600;text-align:left;cursor:pointer;border-radius:8px;font-family:inherit;transition:all .15s ease}
.al-fmenu-opt:hover{background:rgba(255,255,255,.07);color:#fff}
.al-fmenu-opt.active{background:rgba(185,28,28,.14);color:#fff;font-weight:700}
.al-fmenu-opt.active::after{content:'✓';margin-left:auto;color:#b91c1c;font-weight:900}
.al-fmenu-flag{font-size:17px;line-height:1;flex-shrink:0}
.al-fmenu-count{margin-left:auto;font-size:10.5px;opacity:.45;font-weight:600;letter-spacing:.3px}
.al-fmenu-opt.active .al-fmenu-count{opacity:.65}
.al-fmenu-sep{padding:10px 12px 6px;font-size:10px;font-weight:800;letter-spacing:1.8px;color:rgba(255,255,255,.32);text-transform:uppercase}
@media(max-width:768px){
    .al-sec-head.al-sec-head-filters{padding:6px 14px 2px}
    .al-sec-head.al-sec-head-filters + .al-grid{margin-top:4px}
    .al-filters{gap:8px}
    .al-fchip{padding:11px 16px;font-size:12.5px;min-width:0;gap:8px;letter-spacing:.3px;border-radius:12px}
}
@media(max-width:600px){
    .al-filters{justify-content:center;flex-wrap:wrap;gap:8px}
    .al-fchip{padding:10px 14px;font-size:12px;flex:1 1 auto;max-width:none}
    /* Mobile: dropdown opens directly below its chip (not as bottom sheet) */
    .al-fmenu{min-width:200px;max-width:calc(100vw - 28px);right:auto;left:0;max-height:60vh;overflow-y:auto}
    /* If a chip is close to the right edge, align menu to the right */
    .al-fdrop:last-child .al-fmenu{left:auto;right:0}
    /* Subtle backdrop dim when any dropdown is open (better focus on mobile) */
    .al-fdrop.open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:199;animation:alFadeIn .2s ease both}
}
@keyframes alFadeIn{from{opacity:0}to{opacity:1}}
.al-filter-drop{flex:1;position:relative}
.al-filter-country{width:100%;display:flex;align-items:center;justify-content:center;gap:4px}
.al-filter-chev{font-size:10px;transition:transform .2s}
.al-filter-drop.open .al-filter-chev{transform:rotate(180deg)}
.al-country-drop{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:160px;max-height:240px;overflow-y:auto;background:rgba(15,15,25,.97);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;z-index:200;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}
.al-filter-drop.open .al-country-drop{display:block}
.al-country-drop{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:rgba(20,20,30,.97);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;max-height:280px;overflow-y:auto;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.al-country-opt{display:block;width:100%;padding:10px 12px;border:none;background:none;color:rgba(255,255,255,.6);font-size:13px;font-weight:600;text-align:left;cursor:pointer;border-radius:8px;font-family:inherit;transition:all .15s}
.al-country-opt:hover{background:rgba(255,255,255,.06);color:#fff}
.al-country-opt.active{color:#b91c1c}
.al-country-opt{display:block;width:100%;padding:8px 12px;border:none;background:none;color:rgba(255,255,255,.6);font-size:12px;font-family:var(--db);cursor:pointer;border-radius:8px;text-align:left;transition:all .15s}
.al-country-opt:hover{background:rgba(255,255,255,.08);color:#fff}
.al-country-opt.active{background:rgba(185,28,28,.12);color:#b91c1c}
.al-sort-row{margin-top:4px}
.al-search{display:flex;align-items:center;gap:10px;max-width:500px;margin:0 auto;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 16px;transition:border-color .2s}
.al-search:focus-within{border-color:var(--accent,#b91c1c)}
.al-search svg{flex-shrink:0;color:rgba(255,255,255,.3)}
.al-search-input,.al-search-input:focus,.al-search .al-search-input{flex:1;background:transparent!important;border:none!important;color:#fff!important;font-size:16px;font-family:var(--db);padding:14px 0;outline:none!important;-webkit-appearance:none;appearance:none;box-shadow:none!important;border-radius:0!important}
.al-search-input::placeholder{color:rgba(255,255,255,.25)}
.al-search-clear{background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;padding:4px;font-size:18px;display:none;line-height:1}
.al-search-clear.show{display:block}

/* Sort tabs */
.al-tabs{display:flex;gap:0;padding:0 20px;margin-bottom:28px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.al-tabs::-webkit-scrollbar{display:none}
.al-tab{padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.4);cursor:pointer;transition:all .2s;white-space:nowrap;border:1px solid transparent}
.al-tab:hover{color:rgba(255,255,255,.7)}
.al-tab.active{background:rgba(185,28,28,.12);border-color:rgba(185,28,28,.25);color:var(--accent)}

/* Sections */
.al-sec{margin-bottom:36px}
.al-sec-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:6px}
.al-bucket-sec{margin-top:41px;position:relative}
.al-bucket-sec:first-of-type{margin-top:18px}
/* Super-soft hairline centred in the gap between consecutive eras */
.al-bucket-sec + .al-bucket-sec::before{content:"";position:absolute;top:-21px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1256px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent)}
@media(max-width:768px){.al-bucket-sec + .al-bucket-sec::before{width:calc(100% - 32px)}}
/* Soft premium hairline separating the Eras block from everything above it */
.al-eras-divider{position:relative;width:calc(100% - 64px);max-width:1256px;margin:6px auto 34px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 30%,rgba(255,255,255,.16) 70%,transparent)}
.al-eras-divider::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,209,102,.6);box-shadow:0 0 10px rgba(255,209,102,.5)}
@media(max-width:768px){.al-eras-divider{width:calc(100% - 32px);margin:4px auto 24px}}
.al-bucket-sec[data-bucket="golden"]{margin-bottom:41px}

/* ═══ PREMIUM ERA HEAD — typographic, no emojis ═══ */
.al-era{--era-c1:#ffd166;--era-c2:#d4a017;--era-glow:rgba(212,160,23,.32);--era-tint:rgba(212,160,23,.05)}
/* Era branding (exact palette): Golden #C8A96B · New Hollywood #C46A2D · Blockbuster #C1272D · Digital #3A6EA5 · Streaming #6A4C93 */
.al-era[data-bucket="golden"]{--era-c1:#C8A96B;--era-c2:#8c764b;--era-glow:rgba(200,169,107,.45);--era-tint:rgba(200,169,107,.06)}
.al-era[data-bucket="nh"]    {--era-c1:#C46A2D;--era-c2:#894a1f;--era-glow:rgba(196,106,45,.45);--era-tint:rgba(196,106,45,.06)}
.al-era[data-bucket="bb"]    {--era-c1:#C1272D;--era-c2:#871b1f;--era-glow:rgba(193,39,45,.45);--era-tint:rgba(193,39,45,.06)}
.al-era[data-bucket="dg"]    {--era-c1:#3A6EA5;--era-c2:#294d74;--era-glow:rgba(58,110,165,.5);--era-tint:rgba(58,110,165,.06)}
.al-era[data-bucket="st"]    {--era-c1:#6A4C93;--era-c2:#4a3567;--era-glow:rgba(106,76,147,.55);--era-tint:rgba(106,76,147,.06)}
.al-era-head{display:flex;gap:16px;align-items:stretch;padding:18px 32px 10px;position:relative}
.al-era-bar{flex:0 0 4px;border-radius:3px;background:linear-gradient(180deg,var(--era-c1) 0%,var(--era-c2) 100%);box-shadow:0 0 18px var(--era-glow),inset 0 0 0 1px rgba(255,255,255,.06);align-self:stretch;min-height:54px;transition:box-shadow .4s ease,transform .4s ease;transform-origin:bottom}
.al-era:hover .al-era-bar{box-shadow:0 0 28px var(--era-glow),inset 0 0 0 1px rgba(255,255,255,.1);transform:scaleY(1.04)}
.al-era-text{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;flex:1}
.al-era-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--df);font-size:11px;font-weight:600;letter-spacing:2.4px;color:var(--era-c1);text-transform:uppercase;line-height:1;text-shadow:0 0 14px var(--era-glow)}
/* Title + year-range badge on one line (kicker removed for a cleaner header) */
.al-era-titlerow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:1px}
.al-era-years{font-family:var(--db);font-size:11px;letter-spacing:1.2px;color:var(--era-c1);font-weight:700;padding:3px 11px;border-radius:99px;background:color-mix(in srgb,var(--era-c1) 13%,transparent);border:1px solid color-mix(in srgb,var(--era-c1) 32%,transparent);white-space:nowrap;text-shadow:0 0 12px var(--era-glow)}
.al-era-title{font-family:var(--df);font-size:clamp(22px,3.4vw,30px);font-weight:700;letter-spacing:.4px;color:#fff;margin:0;line-height:1.08;background:linear-gradient(180deg,#fff 0%,#fff 55%,var(--era-c1) 135%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 0 12px var(--era-glow))}
.al-era-sub{font-size:13.5px;color:rgba(255,255,255,.55);font-weight:400;letter-spacing:.2px;font-style:italic}

/* Subtle radial wash behind carousel */
.al-era .al-row-wrap{position:relative}
.al-era .al-row-wrap::before{content:"";position:absolute;left:50%;top:-8px;width:90%;height:115%;transform:translateX(-50%);background:radial-gradient(ellipse at center,var(--era-tint) 0%,transparent 60%);pointer-events:none;z-index:0;opacity:.7}
.al-era .al-row{position:relative;z-index:1}
/* "Cargar más" como card en la última posición del grid */
.al-card.al-card-more{position:relative;cursor:pointer;border:1.5px dashed rgba(185,28,28,.55)!important;background:linear-gradient(135deg,#13101e 0%,#1c1024 50%,#10121c 100%)!important;aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;transition:all .35s var(--ease);padding:18px;text-align:center}
.al-card.al-card-more::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(185,28,28,.22) 0%,transparent 65%);pointer-events:none;transition:opacity .35s;opacity:.7;z-index:1}
.al-card.al-card-more:hover{transform:translateY(-4px);border-color:#b91c1c!important;box-shadow:0 16px 44px rgba(185,28,28,.4),0 0 60px rgba(185,28,28,.18)!important;background:linear-gradient(135deg,#1a1226 0%,#251529 50%,#15172a 100%)!important}
.al-card.al-card-more:hover::before{opacity:1}
.al-card.al-card-more:focus-visible{outline:3px solid #b91c1c;outline-offset:3px}
.al-card-more-icon{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);display:flex;align-items:center;justify-content:center;font-family:var(--db);font-size:42px;color:#fff;font-weight:300;line-height:1;box-shadow:0 8px 24px rgba(185,28,28,.4),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .35s var(--ease)}
.al-card.al-card-more:hover .al-card-more-icon{transform:scale(1.08) rotate(90deg)}
.al-card-more-label{position:relative;z-index:2;font-family:'Bebas Neue',sans-serif;font-size:clamp(15px,1.6vw,18px);color:#fff;font-weight:400;letter-spacing:2px;line-height:1.2;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.6);max-width:95%}
@media(max-width:480px){.al-card-more-icon{width:54px;height:54px;font-size:34px}.al-card-more-label{font-size:13px;letter-spacing:1.5px}}
/* Era head mobile tuning */
@media(max-width:768px){
  .al-era-head{padding:14px 18px 7px;gap:12px}
  .al-era-bar{flex-basis:3px;min-height:44px}
  .al-era-kicker{font-size:10px;letter-spacing:1.8px;gap:8px;flex-wrap:wrap}
  .al-era-years{font-size:9px;letter-spacing:1.2px;padding:2px 7px}
  .al-era-title{font-size:20px;letter-spacing:.3px}
  .al-era-sub{font-size:12px}
  /* Extra left-inset so the first card of each era carousel doesn't hug the screen edge.
     Base mobile .al-row uses padding:0 24px — override with !important so the shorthand
     can't reset us when CSS rules get re-ordered after future edits. */
  .al-era .al-row{padding-left:38px !important;scroll-padding-left:38px}
}
/* Premium section title (Trending) — editorial display, wide tracking, discreet red live-dot.
   Replaced the noisy 🔥 emoji + saturated particles for a calm, expensive feel. */
.al-sec-title{display:inline-flex;align-items:center;gap:9px;font-family:var(--dh,var(--db));font-size:clamp(18px,3.4vw,26px);font-weight:800;letter-spacing:-.01em;text-transform:none;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.al-fire-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:6px;height:24px}
/* The original emoji span becomes a clean red dot. font-size:0 hides the 🔥 character. */
.al-fire{position:relative;font-size:0!important;width:6px;height:24px;border-radius:3px;background:#b91c1c;display:block;margin:0;filter:none;box-shadow:0 0 16px rgba(185,28,28,.55)}
.al-fire::before{display:none}
.al-fire-particle{display:none!important}
@keyframes alDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.55}}
@keyframes alDotRing{0%{transform:scale(.6);opacity:.85}80%,100%{transform:scale(1.6);opacity:0}}
.al-sec-title.chrome{font-size:clamp(32px,7vw,44px);letter-spacing:2px;background:linear-gradient(90deg,#d4a017,#fff,#d4a017,#fff,#d4a017);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:alChrome 4s linear infinite}
@keyframes alChrome{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.al-sec-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.35);font-weight:700;margin-bottom:2px}
.al-sec-arrow{color:rgba(255,255,255,.25);font-size:20px;transition:all .2s;margin-left:8px}
.al-sec-head:hover .al-sec-arrow{color:#d4a017;transform:translateX(3px)}
.al-sec-badge{font-size:12px;color:rgba(255,255,255,.3);font-weight:600}

/* Horizontal scroll row */
.al-row-wrap{position:relative}
.al-row{display:flex;align-items:flex-start;gap:12px;padding:24px 32px 34px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
/* Trending section: cards float with no background box (matches the podium cards, which are transparent) */
#alCurated .al-tcard{background:transparent;border:none}
/* Trending block: a bit of breathing room from the page header above, and balanced air below title */
#alCurated{margin-top:22px}
#alCurated .al-row{padding-top:14px}
@media(max-width:640px){
    #alCurated{margin-top:14px}
    #alCurated .al-row{padding-left:22px!important;scroll-padding-left:22px;padding-top:12px!important}
}
.al-row::-webkit-scrollbar{display:none}
.al-row-fade{position:absolute;top:0;bottom:0;width:50px;pointer-events:none;z-index:2}
.al-row-fade.right{right:0;background:linear-gradient(to left,var(--bg),transparent);transition:opacity .3s ease}
/* Hide the right fade once the carousel is scrolled to its end */
.al-row-wrap.is-end .al-row-fade.right{opacity:0}
.al-row-arrow{display:flex;position:absolute;top:50%;transform:translateY(-50%);right:8px;width:32px;height:32px;border-radius:50%;background:rgba(20,20,28,.55);border:1px solid rgba(255,255,255,.1);color:#fff;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,.35);font-family:var(--db);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .2s ease,background .2s,border-color .2s}
.al-row-arrow.show{opacity:.7;pointer-events:auto}
.al-row-arrow:hover{opacity:1;background:rgba(185,28,28,.92);border-color:#b91c1c;transform:translateY(-50%) scale(1.08);box-shadow:0 8px 26px rgba(185,28,28,.4)}
.al-row-arrow:active{transform:translateY(-50%) scale(.96)}
.al-row-arrow svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.al-row-arrow.prev{right:auto;left:8px;display:none}
@media(min-width:768px){
    .al-row-arrow{width:44px;height:44px;right:14px;background:rgba(20,20,28,.88);border-color:rgba(255,255,255,.14);box-shadow:0 4px 14px rgba(0,0,0,.5)}
    .al-row-arrow.show{opacity:1}
    .al-row-arrow.prev{display:flex;right:auto;left:14px}
    .al-row-arrow svg{width:18px;height:18px}
}

/* Trending card */
.al-tcard{flex-shrink:0;width:38vw;max-width:170px;aspect-ratio:2/3;scroll-snap-align:start;position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .3s;background:#23232e}
.al-tcard:hover{transform:translateY(-4px);border-color:rgba(185,28,28,.25);box-shadow:0 12px 36px rgba(0,0,0,.5)}
.al-tcard a{text-decoration:none;color:inherit;display:block;height:100%}
.al-tcard-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;background:#232334;display:block;transition:transform .4s;filter:contrast(1.08) saturate(1.08) brightness(.95)}
.al-tcard:hover .al-tcard-img{transform:scale(1.04)}
.al-tcard-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 45%);display:flex;flex-direction:column;justify-content:flex-end;padding:10px}
/* Hanging medal from top — ribbon banner style */
.al-tcard-rank{position:absolute;top:0;left:12px;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center}
.al-medal-ribbon{width:26px;height:32px;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);display:block}
.al-medal{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:13px;font-family:var(--df);font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.al-tcard-name{font-size:12px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.65)}
.al-tcard-dept{font-size:10px;color:rgba(255,255,255,.55);margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.55)}
.al-tcard-dept--mem{color:rgba(255,209,102,.78);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:flex-start;gap:4px}
.al-mem-inf{font-size:17px;line-height:1;font-weight:700;color:rgba(255,209,102,.85)}
/* "Trending for" — the movie/series that put this actor in Trending, on the photo's gradient */
.al-tcard-for{margin-top:3px;font-size:10px;font-weight:600;color:var(--accent2,#ffd166);line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ═══ TOP 3 — LEGENDARY EPIC CARDS ═══ */
@keyframes alTopShine{0%{left:-150%}40%{left:150%}100%{left:150%}}
@keyframes alTopGlow{0%,100%{opacity:.3;transform:translateX(-50%) scale(.9)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}
@keyframes alTopBorder{to{transform:rotate(360deg)}}
@keyframes alTopFloat{0%,100%{transform:translateY(0) rotateY(0)}25%{transform:translateY(-6px) rotateY(2deg)}50%{transform:translateY(-2px) rotateY(0)}75%{transform:translateY(-8px) rotateY(-2deg)}}
@keyframes alTopSpark{0%{opacity:0;transform:translateY(0) scale(0)}25%{opacity:1;transform:translateY(-8px) scale(1)}100%{opacity:0;transform:translateY(-40px) scale(0)}}
@keyframes alTopFire{0%{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}100%{opacity:.4;transform:scaleY(.8)}}

/* Base: subtle effects, no overflow issues */
.al-tcard:nth-child(1),.al-tcard:nth-child(2),.al-tcard:nth-child(3){border:none!important;background:transparent!important}

/* Spinning border — subtle */
.al-top-border{position:absolute;inset:-2px;border-radius:16px;overflow:hidden;z-index:0}
.al-tcard:nth-child(1) .al-top-border::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.5),transparent,rgba(255,200,80,.4),transparent);animation:alTopBorder 5s linear infinite}
.al-tcard:nth-child(2) .al-top-border::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(192,192,192,.4),transparent,rgba(200,200,220,.3),transparent);animation:alTopBorder 6s linear infinite reverse}
.al-tcard:nth-child(3) .al-top-border::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(205,127,50,.4),transparent,rgba(200,140,60,.3),transparent);animation:alTopBorder 5.5s linear infinite}

/* Inner card */
.al-top-inner{position:relative;border-radius:14px;overflow:hidden;z-index:1;background:#23232e;height:100%}
/* Shine sweep */
.al-top-inner::after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.06) 55%,transparent 70%);z-index:5;pointer-events:none;animation:alTopShine 4s ease-in-out infinite}
.al-tcard:nth-child(2) .al-top-inner::after{animation-delay:1.3s}
.al-tcard:nth-child(3) .al-top-inner::after{animation-delay:2.6s}

/* Top glow — subtle */
.al-top-glow{display:none}
.al-top-sparks{display:none}

/* Gold #1 — bigger ribbon */
.al-tcard:nth-child(1) .al-medal-ribbon{width:32px;height:40px;background:linear-gradient(180deg,#ffd700,#b8960f);box-shadow:0 4px 14px rgba(255,215,0,.35)}
.al-tcard:nth-child(1) .al-medal{font-size:16px;top:8px}
/* Silver #2 */
.al-tcard:nth-child(2) .al-medal-ribbon{background:linear-gradient(180deg,#d0d0d0,#888)}
/* Bronze #3 */
.al-tcard:nth-child(3) .al-medal-ribbon{background:linear-gradient(180deg,#cd7f32,#8b4513)}
/* #4+ simple number, no ribbon */
.al-tcard:nth-child(n+4) .al-medal-ribbon{display:none}
.al-tcard:nth-child(n+4) .al-medal{position:relative;transform:none;left:auto;top:auto;font-size:11px;color:rgba(255,255,255,.5);background:rgba(0,0,0,.55);padding:3px 8px;border-radius:6px}
.al-tcard:nth-child(n+4) .al-tcard-rank{top:8px;left:8px}

/* Hover */
.al-tcard:nth-child(1):hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(255,215,0,.1)}
.al-tcard:nth-child(2):hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(192,192,192,.08)}
.al-tcard:nth-child(3):hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(205,127,50,.08)}

/* Birthday card */
.al-bcard{flex-shrink:0;width:130px;scroll-snap-align:start;text-align:center}
.al-bcard a{text-decoration:none;color:inherit;display:block}
.al-bcard-img{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:top;background:#232334;margin:0 auto 8px;border:2px solid rgba(185,28,28,.3);transition:all .3s}
.al-bcard:hover .al-bcard-img{border-color:var(--accent);transform:scale(1.05)}
.al-bcard-name{font-size:12px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:2px}
.al-bcard-age{font-size:11px;color:rgba(255,255,255,.35)}
.al-bcard-ph{width:100px;height:100px;border-radius:50%;background:#232334;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:32px;border:2px solid rgba(185,28,28,.3)}

/* Main grid */
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:0 20px}
.al-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:all .3s;background:#23232e}
/* Smooth fade-in for newly appended cards on "Cargar más" */
@keyframes alCardEnter{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.al-card.al-card-enter{animation:alCardEnter .6s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform}
@media (prefers-reduced-motion:reduce){.al-card.al-card-enter{animation-duration:.01s}}
.al-card:hover{transform:translateY(-4px);border-color:rgba(185,28,28,.25);box-shadow:0 12px 36px rgba(0,0,0,.5)}
.al-card a{text-decoration:none;color:inherit;display:block}
.al-card-img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:top;background:#232334;display:block;transition:transform .4s}
.al-card:hover .al-card-img{transform:scale(1.04)}
.al-card-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 45%);display:flex;flex-direction:column;justify-content:flex-end;padding:10px}
.al-card-name{font-size:12px;font-weight:700;color:#fff;line-height:1.2}
.al-card-dept{font-size:10px;color:rgba(255,255,255,.35);margin-top:2px}
.al-card-placeholder{position:absolute;inset:0;width:100%;height:100%;background:#232334;display:flex;align-items:center;justify-content:center;font-size:36px;color:rgba(255,255,255,.08)}

/* Load more */
.al-more-wrap{text-align:center;padding:36px 20px 28px;display:flex;justify-content:center}
.al-more{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 44px;min-width:240px;border-radius:14px;background:#fff;border:none;color:#24242f;font-size:14px;font-weight:800;font-family:var(--db);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 30px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.4);transition:all .25s cubic-bezier(.22,1,.36,1)}
.al-more:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,255,255,.18),0 0 0 1px rgba(255,255,255,.6)}
.al-more:active{transform:translateY(0);background:#ebebeb}
.al-more:focus-visible{outline:3px solid #b91c1c;outline-offset:3px}
.al-grid-ad-strip{max-width:1100px;margin:18px auto 8px;padding:0 20px;min-height:0;display:flex;justify-content:center;align-items:center}
/* ═══ RANKINGS BLOCK ═══ */
.al-rankings{max-width:1100px;margin:48px auto;padding:36px 32px;border-radius:24px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,209,102,.07) 0%,transparent 65%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,209,102,.2);box-shadow:0 1px 0 rgba(255,209,102,.06) inset,0 18px 50px rgba(0,0,0,.22);position:relative}
.al-rankings::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,209,102,.7),transparent);border-radius:2px}
.al-rk-head{text-align:center;margin-bottom:24px}
.al-rk-kicker{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:3.5px;color:rgba(255,209,102,.78);text-transform:uppercase;margin-bottom:10px;display:inline-flex;align-items:center;gap:10px;justify-content:center}
.al-rk-kicker::before,.al-rk-kicker::after{content:'';display:inline-block;width:18px;height:2px;background:rgba(255,209,102,.55);border-radius:2px}
.al-rk-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,40px);letter-spacing:2px;color:#fff;margin:0;line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.al-rk-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 22px;padding:8px;background:rgba(255,255,255,.03);border-radius:14px;border:1px solid rgba(255,255,255,.05)}
.al-rk-tab{flex:1;min-width:160px;padding:12px 18px;border-radius:10px;border:none;background:transparent;color:rgba(255,255,255,.55);font-family:inherit;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center;gap:2px}
.al-rk-tab:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.85)}
.al-rk-tab.active{background:linear-gradient(180deg,rgba(255,209,102,.18),rgba(255,209,102,.06));color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}
.al-rk-tab-label{font-size:13px;font-weight:800;letter-spacing:.3px}
.al-rk-tab-desc{font-size:10.5px;font-weight:600;opacity:.65;letter-spacing:.3px}
.al-rk-tab.active .al-rk-tab-desc{opacity:.85}
.al-rk-lists{position:relative}
.al-rk-list{display:none;grid-template-columns:1fr 1fr;gap:8px 18px}
.al-rk-list.active{display:grid;animation:alRkFade .4s cubic-bezier(.22,1,.36,1) both}
@keyframes alRkFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.al-rk-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid transparent;position:relative}
.al-rk-row:hover{background:rgba(255,255,255,.04);border-color:rgba(255,209,102,.16);transform:translateX(2px)}
.al-rk-num{flex-shrink:0;font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:1px;width:36px;text-align:center;line-height:1;background:linear-gradient(135deg,#ffd166,#ffa64d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 14px rgba(255,209,102,.12)}
.al-rk-row[data-rank="1"] .al-rk-num{font-size:28px;background:linear-gradient(135deg,#fff5d6,#ffd700,#ffa600);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.al-rk-row[data-rank="2"] .al-rk-num,.al-rk-row[data-rank="3"] .al-rk-num{font-size:26px}
.al-rk-avatar{flex-shrink:0;width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.al-rk-avatar-ph{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:rgba(255,255,255,.3);font-weight:700}
.al-rk-info{flex:1;min-width:0}
.al-rk-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-rk-sub{font-size:11px;color:rgba(255,255,255,.4);font-weight:500;margin-top:1px;letter-spacing:.3px}
.al-rk-stat{flex-shrink:0;font-family:'Bebas Neue',sans-serif;font-size:14px;color:rgba(255,255,255,.7);letter-spacing:.5px}
.al-rk-empty{grid-column:1/-1;text-align:center;padding:30px 20px;color:rgba(255,255,255,.35);font-size:13px;font-weight:600;letter-spacing:.5px}
@media(max-width:768px){
    .al-rankings{margin:32px 14px;padding:24px 18px;border-radius:18px}
    .al-rk-title{font-size:24px}
    .al-rk-list.active{grid-template-columns:1fr;gap:4px}
    .al-rk-tab{min-width:0;padding:10px 12px}
    .al-rk-tab-label{font-size:12px}
    .al-rk-tab-desc{font-size:9.5px}
    .al-rk-row{padding:10px}
    .al-rk-avatar{width:42px;height:42px}
}
.al-grid-ad-strip .ae-ad{margin:0;width:100%;max-width:728px;min-height:90px}
@media(max-width:768px){.al-grid-ad-strip{padding:0 14px}.al-grid-ad-strip .ae-ad{max-width:100%;min-height:60px}}
.al-more:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}

/* No results */
.al-empty{text-align:center;padding:60px 20px;color:rgba(255,255,255,.25);font-size:15px}

/* ═══ RESPONSIVE ═══ */
@media(max-width:480px){
    .al-wrap{padding:0 0 28px}
    .al-header{padding:84px 16px 18px}
    .al-rotate-wrap{margin-top:10px;min-height:18px;gap:10px}
    .al-rotate-wrap::before,.al-rotate-wrap::after{width:24px}
    /* On mobile, the long taglines ("Más de 20.000 actores y actrices") were truncated with `…`.
       Allow wrap to 2 lines and tighten tracking so they fit. */
    .al-rotate{font-size:10.5px;letter-spacing:.14em;white-space:normal;overflow:visible;text-overflow:clip;max-width:none;line-height:1.35;padding:0 4px}
    .al-rotate-wrap{flex-wrap:nowrap;align-items:center}
    .al-title{font-size:clamp(28px,7.2vw,42px);letter-spacing:-.01em;line-height:1.02}
    .al-search-wrap{padding:0 14px;top:54px;padding-top:10px;padding-bottom:10px}
    .al-search{padding:0 12px;border-radius:12px}
    .al-search-input{font-size:16px;padding:12px 0}
    .al-tabs{padding:0 14px;gap:0}
    .al-tab{padding:7px 14px;font-size:12px}
    .al-sec-head{padding:0 14px;gap:10px}
    .al-sec-title{font-size:clamp(18px,3.4vw,26px)}
    .al-row{padding:14px 24px 18px;gap:10px}
    .al-tcard{width:120px}
    .al-bcard{width:110px}
    .al-bcard-img,.al-bcard-ph{width:80px;height:80px}
    .al-bcard-name{font-size:11px}
    .al-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px}
    .al-card-name{font-size:11px}
    .al-row-fade{width:30px}
    .al-more{padding:14px 36px;font-size:13px;min-width:220px;letter-spacing:1.2px}
}
@media(max-width:380px){
    .al-grid{grid-template-columns:repeat(2,1fr)}
    .al-tcard{width:110px}
    .al-bcard{width:100px}
    .al-bcard-img,.al-bcard-ph{width:70px;height:70px}
}
@media(min-width:768px){
    .al-wrap{padding:0 0 40px}
    .al-search-wrap{padding:0 48px;top:64px}
    .al-tabs{padding:0 48px}
    .al-sec-head{padding:0 48px}
    .al-row-wrap{max-width:calc(100% - 96px);margin:0 auto}
    .al-row{padding:24px 0 34px;gap:14px}
    .al-tcard{width:170px}
    .al-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:0 48px}
    .al-card-name{font-size:13px}
    .al-more-wrap{padding:40px 48px}
    .al-row-fade{width:60px}
    .al-row-fade.right{right:0}
}
@media(min-width:1024px){
    .al-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}
}

    .al-news{margin:6px auto 14px;position:relative;z-index:3}
    @media(min-width:768px){.al-news{max-width:1320px;margin:10px auto 20px}}
    .al-news-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:0 14px}
    @media(min-width:768px){.al-news-head{padding:0 48px}}
    .al-news-klabel{display:inline-flex;align-items:center;gap:9px;font-family:var(--dh,var(--db));font-weight:800;font-size:clamp(18px,3.4vw,26px);letter-spacing:-.01em;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)}
    /* Palito rojo IDÉNTICO al de "Actores en Tendencia" (.al-fire) */
    .al-news-klabel::before{content:'';flex:0 0 auto;width:6px;height:24px;border-radius:3px;background:#b91c1c;box-shadow:0 0 16px rgba(185,28,28,.55)}
    .al-news-dot{display:none}
    @keyframes alNewsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}
    .al-news-sub{font-size:13px;color:rgba(255,255,255,.6);font-weight:500}
    /* Swipe carousel — mobile shows one card at ~80% with the next peeking; premium scale/fade on the active card */
    .al-news-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 24px 36px;scroll-padding-left:24px}
    .al-news-track::-webkit-scrollbar{display:none}
    @media(max-width:640px){.al-news-track{padding-left:22px;scroll-padding-left:22px}}
    @media(min-width:768px){.al-news-track{padding:8px 48px 36px;scroll-padding-left:48px;scroll-snap-type:none;gap:18px}}
    .al-news-card{flex:0 0 80%;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
    @media(min-width:560px){.al-news-card{flex:0 0 60%}}
    @media(min-width:768px){.al-news-card{flex:0 0 340px}}
    .al-nc-inner{position:relative;height:100%;min-height:256px;border-radius:16px;overflow:hidden;background:#1b1b25;border:1px solid rgba(255,255,255,.07);box-shadow:0 6px 20px rgba(0,0,0,.20);display:flex;align-items:flex-end;isolation:isolate;transform:scale(.93);opacity:.55;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease,box-shadow .45s ease,border-color .45s ease}
    .al-news-card.is-active .al-nc-inner{transform:scale(1);opacity:1;box-shadow:0 12px 30px rgba(0,0,0,.28);border-color:rgba(255,255,255,.14)}
    .al-news-card:focus-visible .al-nc-inner{outline:2px solid rgba(185,28,28,.7);outline-offset:2px}
    @media(min-width:768px){.al-nc-inner{min-height:278px;transform:none;opacity:1}.al-news-card .al-nc-inner:hover{box-shadow:0 12px 30px rgba(0,0,0,.28);border-color:rgba(255,255,255,.14)}}
    .al-nc-img{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;z-index:0;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
    .al-news-card.is-active .al-nc-img{transform:scale(1.04)}
    @media(min-width:768px){.al-news-card:hover .al-nc-img{transform:scale(1.04)}}
    .al-nc-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,10,15,.96) 0%,rgba(10,10,15,.82) 40%,rgba(10,10,15,.34) 68%,rgba(10,10,15,.06) 100%)}
    .al-nc-badge{position:absolute;top:12px;left:12px;z-index:3;font-family:var(--db);font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:7px;color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.4)}
    .al-nb-release{background:#b91c1c}
    .al-nb-upcoming{background:#e6802f}
    .al-nb-trending{background:linear-gradient(135deg,#e8c057,#caa028);color:#2a2208}
    .al-nb-birthday{background:#d6457e}
    .al-nb-boxoffice{background:linear-gradient(135deg,#1f9d6b,#12805a)}
    .al-nb-streaming{background:linear-gradient(135deg,#5b3eff,#3d27b0)}
    .al-nb-anniversary{background:linear-gradient(135deg,#caa028,#8a6c12);color:#1a1206}
    .al-nb-director{background:#2b6ea8}
    .al-nb-casttrio{background:linear-gradient(135deg,#b91c1c,#b32533)}
    .al-nb-firstlook{background:#7e2f8a}
    .al-nb-topweekend{background:#b91c1c}
    .al-nb-rating{background:linear-gradient(135deg,#e8c057,#caa028);color:#2a2208}
    .al-nb-tvseason{background:#1f6fa8}
    .al-nb-tvfinale{background:#5a2b6b}
    .al-nb-birthdaymile{background:linear-gradient(135deg,#d6457e,#a82e60)}
    /* (al-nc-vplay removed: the play overlay only appears INSIDE the modal now, not on the card.) */
    .al-nc-body{position:relative;z-index:2;padding:12px 14px 13px;width:100%}
    .al-nc-headline{margin:0;font-family:var(--dh,var(--db));font-weight:800;color:#fff!important;line-height:1.22;letter-spacing:-.01em;font-size:clamp(16px,4.2vw,19px);text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    @media(min-width:768px){.al-nc-headline{font-size:16px;-webkit-line-clamp:3}}
    .al-nc-excerpt{margin:6px 0 0;font-size:12.5px;line-height:1.42;color:rgba(255,255,255,.82);font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .al-nc-more{color:#ff8a95;font-weight:700;white-space:nowrap}
    @media(min-width:768px){.al-nc-excerpt{font-size:13px;-webkit-line-clamp:3}}
    .al-nc-read{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#ff6b7a;opacity:.95}
    .al-nc-read svg{width:12px;height:12px}
    /* Desktop scroll arrows (mouse can't swipe a hidden-scrollbar track) */
    .al-news-track-wrap{position:relative}
    /* Right fade — hints there's more to scroll; fades out at the end */
    .al-news-track-wrap::after{content:'';position:absolute;top:0;bottom:0;right:0;width:56px;background:linear-gradient(to right,transparent,#24242f 88%);pointer-events:none;z-index:4;transition:opacity .3s ease}
    .al-news-track-wrap.at-end::after{opacity:0}
    .al-news-arrow{display:none}
    @media(min-width:768px){
        .al-news-arrow{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:50%;background:rgba(18,18,26,.92);border:1px solid rgba(255,255,255,.14);color:#fff;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.45);transition:background .2s ease,transform .2s ease,opacity .25s ease}
        .al-news-arrow:hover{background:rgba(42,42,58,.96);transform:translateY(-50%) scale(1.07)}
        .al-news-arrow svg{width:22px;height:22px}
        .al-news-arrow.prev{left:10px}
        .al-news-arrow.next{right:10px}
        .al-news-arrow[hidden]{opacity:0;pointer-events:none}
    }
    /* Modal */
    .al-nm{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(6,6,10,.74)}
    .al-nm.open{display:flex;animation:alNmIn .22s ease}
    @keyframes alNmIn{from{opacity:0}to{opacity:1}}
    .al-nm-card{position:relative;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#1c1c26;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.7);animation:alNmPop .3s cubic-bezier(.2,.9,.25,1.1)}
    @keyframes alNmPop{from{transform:translateY(22px) scale(.97);opacity:0}to{transform:none;opacity:1}}
    .al-nm-media{position:relative;width:100%;aspect-ratio:16/9;background:#000 center/cover no-repeat;border-radius:20px 20px 0 0;overflow:hidden}
    .al-nm-media.portrait{background-position:center top}
    .al-nm-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.22) 45%,rgba(0,0,0,.32));border:none;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
    .al-nm-play-ic{width:66px;height:66px;border-radius:50%;background:rgba(185,28,28,.96);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(185,28,28,.55),0 0 0 8px rgba(255,255,255,.12);transition:transform .25s cubic-bezier(.2,.85,.3,1)}
    .al-nm-play:hover .al-nm-play-ic{transform:scale(1.09)}
    .al-nm-play-ic svg{width:28px;height:28px;margin-left:3px;color:#fff}
    .al-nm-play-lbl{font-family:var(--db);font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;background:rgba(0,0,0,.72);padding:7px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.18);text-shadow:0 1px 3px rgba(0,0,0,.5)}
    .al-nm-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
    .al-nm-close{position:absolute;top:12px;right:12px;z-index:4;width:38px;height:38px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
    .al-nm-close:hover{background:rgba(0,0,0,.8);transform:scale(1.08)}
    .al-nm-inner{padding:18px 22px 22px}
    .al-nm-badge{display:inline-block;font-family:var(--db);font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:7px;color:#fff;margin-bottom:12px}
    .al-nm-title{margin:0 0 12px;font-family:var(--dh,var(--db));font-weight:800;color:#fff!important;font-size:clamp(20px,4.6vw,26px);line-height:1.22;letter-spacing:-.01em}
    .al-nm-body p{margin:0 0 11px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.62}
    .al-nm-body-cta{display:inline-block;margin-top:6px;color:#ff6b7a;font-weight:700;font-size:14px;letter-spacing:.2px;text-decoration:none;border-bottom:1.5px solid rgba(255,107,122,.35);padding-bottom:1px;transition:color .2s,border-color .2s}
    .al-nm-body-cta:hover{color:#fff;border-color:#fff}
    .al-nm-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:14px;border-radius:13px;background:#b91c1c;color:#fff!important;font-family:var(--db);font-weight:800;font-size:15px;text-decoration:none;letter-spacing:.01em;box-shadow:0 8px 24px rgba(185,28,28,.4);transition:transform .2s,box-shadow .2s,background .2s}
    .al-nm-cta:hover{transform:translateY(-2px);background:#dc2626;box-shadow:0 12px 32px rgba(185,28,28,.55)}
    .al-nm-cta svg{width:18px;height:18px}