:root{--fondo:#0c0c0e;--papel:#18181c;--texto:#ece6da;--suave:#a9a294;--oro:#d4a64a;--rojo:#b8402f;--linea:#2c2d34}
*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.6 "Source Sans 3",system-ui,sans-serif}
a{color:var(--oro);text-decoration:none}a:hover{text-decoration:underline}
.cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 24px;border-bottom:1px solid var(--linea);background:#101114}
.marca{font:800 24px "Playfair Display",Georgia,serif;color:var(--oro);letter-spacing:.5px}.marca span{color:var(--texto)}.marca:hover{text-decoration:none}
.menu{display:flex;flex-wrap:wrap;gap:16px;font-size:15px}.menu a,.idioma a{color:var(--texto)}
.busca-mini{margin-left:auto}.busca-mini input,.filtros input,.filtros select,.busca-grande input{background:#22232a;border:1px solid #34353d;color:var(--texto);padding:7px 14px;border-radius:20px;font:inherit;font-size:15px}
.busca-mini input{width:250px}
main{max-width:1100px;margin:0 auto;padding:28px 22px}
.ficha .cabf{display:grid;grid-template-columns:300px 1fr;gap:34px}
.cartel{margin:0}.cartel img,.tarjeta{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 10px 30px #000a;display:block;background:#2a2b31}
.cartel figcaption,.nota{font-size:13px;color:var(--suave)}.cartel figcaption{margin-top:6px}
.tarjeta{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;background:linear-gradient(160deg,#2b2c33,#18191d);border:1px solid #3a3b44;font:800 20px/1.15 "Playfair Display",Georgia,serif;color:var(--oro)}
img.tarjeta{padding:0;border:0;background:#ececea}
.tarjeta small{font:400 14px "Source Sans 3",sans-serif;color:var(--suave);margin-top:8px}
.chip{display:inline-block;background:var(--rojo);color:#fff;font-size:13px;padding:2px 10px;border-radius:12px;margin:0 4px 6px 0}.chip.gris{background:#2a2b31;color:var(--texto)}
h1{font:800 44px/1.1 "Playfair Display",Georgia,serif;margin:4px 0 4px}.sub{color:var(--suave);margin:0 0 14px}
.tecnica{display:grid;grid-template-columns:130px 1fr;gap:4px 14px;font-size:15.5px;border-top:1px solid var(--linea);padding-top:12px;margin:0}
.tecnica dt{color:var(--suave)}.tecnica dd{margin:0}
.premios{margin-top:14px;font-size:15px}.premios b{color:var(--oro)}
section{margin-top:34px}h2{font:600 25px "Playfair Display",Georgia,serif;color:var(--oro);border-bottom:1px solid var(--linea);padding-bottom:4px}
.reparto{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 18px;font-size:15.5px}
.curio{background:var(--papel);border-left:4px solid var(--oro);padding:10px 18px;border-radius:4px;margin:12px 0}.curio h3{margin:0 0 4px;font-size:17px}.curio p{margin:0}
.escenas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.escenas img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;display:block}
.video{position:relative;aspect-ratio:16/9;background:#000 center/cover;border-radius:6px;overflow:hidden;max-width:820px}
.video button{position:absolute;inset:0;width:100%;background:#0008;color:var(--texto);border:0;font:600 20px "Source Sans 3",sans-serif;cursor:pointer}
.video button:hover{background:#000a;color:var(--oro)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fila{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.fila a{color:var(--texto);font-size:14.5px}.fila a:hover{text-decoration:none;color:var(--oro)}.fila a>span:not(.tarjeta){display:block;color:var(--suave);font-size:13px}
.fila .tarjeta{margin-bottom:6px}.fila.personas img{aspect-ratio:3/4}
.lista{columns:3 240px;padding-left:18px}.lista li{break-inside:avoid}.num{color:var(--suave);font-size:14px}
.hero{padding:10px 0}.portada{text-align:center;padding:30px 0 10px}.portada h1{font-size:56px;color:var(--oro)}.lema{font-size:22px;margin:0}
.busca-grande{display:flex;justify-content:center;gap:8px;margin:18px 0}.busca-grande input{width:min(520px,80vw);font-size:17px;padding:10px 18px}
.busca-grande button,.boton-mas{background:var(--oro);color:#111;border:0;border-radius:20px;padding:8px 18px;font:600 16px "Source Sans 3",sans-serif;cursor:pointer}
.decadas{display:flex;flex-wrap:wrap;gap:10px}.decadas a{background:var(--papel);border:1px solid var(--linea);padding:10px 16px;border-radius:6px;color:var(--texto)}.decadas a strong{display:block;color:var(--oro);font-size:20px}.critica{margin:14px 0 4px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}.critica h3{width:100%;margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.nota-c b{display:inline-block;min-width:44px;text-align:center;padding:3px 8px;border-radius:4px;color:#fff;font-size:16px}.nota-c small{opacity:.7}.verde{background:#2e7d32}.ambar{background:#b7791f}.rojo{background:#b3261e}.ranking{list-style:none;padding:0}.ranking .puesto{display:inline-block;min-width:2.2em;opacity:.6}.grupos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.decadas.grupos a strong{font-size:17px;margin-bottom:4px}.grupos small{display:block;margin-top:6px;opacity:.75;font-size:13px;line-height:1.4}
.titulo-bloque{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--linea)}.titulo-bloque h2{border:0}
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.resultados{list-style:none;padding:0}.resultados li{padding:6px 0;border-bottom:1px solid var(--linea)}
.texto p{max-width:780px}.miga{font-size:14px;color:var(--suave);margin-bottom:14px}.miga a{color:var(--suave)}
.pie{margin-top:50px;padding:22px;border-top:1px solid var(--linea);color:var(--suave);font-size:13.5px;text-align:center}.pie a{color:var(--suave);text-decoration:underline}
.visor{display:none;position:fixed;inset:0;background:#000e;z-index:99;align-items:center;justify-content:center}.visor.abierto{display:flex}.visor img{max-width:92vw;max-height:90vh;border-radius:4px;box-shadow:0 10px 40px #000}.visor button{background:none;border:0;color:#fff;font-size:46px;cursor:pointer;padding:0 18px}.v-cerrar{position:absolute;top:10px;right:14px}
.sugerencias{position:absolute;left:0;right:0;top:100%;margin:4px 0 0;padding:0;list-style:none;background:#1b1c21;border:1px solid #34353d;border-radius:8px;z-index:50;text-align:left;min-width:280px}.sugerencias:empty{display:none}.sugerencias a{display:block;padding:7px 14px;color:var(--texto)}.sugerencias a:hover{background:#2a2b31;text-decoration:none}.sugerencias span{color:var(--suave);font-size:13px}
.busca-grande .sugerencias{left:50%;right:auto;transform:translateX(-50%);width:min(600px,92vw)}
.tabla{width:100%;border-collapse:collapse;font-size:15.5px}.tabla th{text-align:left;color:var(--oro);border-bottom:2px solid var(--linea);padding:6px 8px}.tabla td{border-bottom:1px solid var(--linea);padding:6px 8px;vertical-align:top}.tabla td:first-child{color:var(--suave);width:70px}
.tmdb{display:inline-block;background:linear-gradient(90deg,#90cea1,#01b4e4);color:#0d253f;font-weight:700;padding:1px 8px;border-radius:4px;margin-right:6px}
@media(max-width:720px){.ficha .cabf{grid-template-columns:1fr}.cartel{max-width:260px;margin:0 auto}h1{font-size:34px}.busca-mini{display:none}.tecnica{grid-template-columns:105px 1fr}}
:root{--fondo:#ffffff;--papel:#f6f4f3;--texto:#161616;--suave:#5e5e5e;--oro:#7b1e22;--rojo:#7b1e22;--linea:#e3e1df}
body{-webkit-font-smoothing:antialiased}
.cab{background:#0b0b0b;border:0;padding:14px 28px}.marca{color:#fff;font-size:27px}.marca span{color:#d9a7a9}
.busca-mini input{background:#1f1f1f;color:#fff;border-color:#333}.busca-mini input::placeholder{color:#aaa}.idioma a{color:#fff;font-weight:600}.marca+.idioma{margin-left:auto}
nav.menu{background:#7b1e22;padding:0 28px;gap:0;justify-content:flex-start}nav.menu a{color:#fff;font-weight:600;font-size:15.5px;padding:11px 16px;letter-spacing:.2px}
nav.menu a:hover{background:#5a1418;text-decoration:none}
.portada{background:linear-gradient(135deg,#0b0b0b 0%,#3a0d10 55%,#7b1e22 100%);color:#fff;margin:-28px -22px 10px;padding:56px 22px 44px;border-radius:0 0 6px 6px}
.portada h1{color:#fff;font-size:60px}.portada .lema{color:#fff}.portada .sub{color:#e6d6d7}
.busca-grande input{background:#fff;color:#161616;border:0}.busca-grande button{background:#fff;color:#7b1e22;font-weight:700}
h1{color:#111}h2{color:#161616;border-bottom:2px solid #7b1e22}.titulo-bloque{border-bottom:2px solid #7b1e22}.titulo-bloque h2{border:0}
.chip{background:#7b1e22;color:#fff;font-weight:600}.chip.gris{background:#161616;color:#fff}
.decadas a{background:#161616;border:0;color:#ddd}.decadas a strong{color:#fff}.decadas a:hover{background:#7b1e22;text-decoration:none}
.tabla th{background:#7b1e22;color:#fff;border:0}.premios b{color:#7b1e22}
.curio{background:#f6f4f3;border-left:4px solid #7b1e22}.boton-mas{background:#7b1e22;color:#fff}
.tarjeta{background:linear-gradient(160deg,#161616,#3a0d10);border:0;color:#fff}img.tarjeta{background:#eee}.cartel img,.tarjeta{box-shadow:0 6px 18px #0003}
.cartel img{background:#eee}.video button{color:#fff;background:#0009}.sugerencias{background:#fff;border-color:#ddd}.sugerencias a{color:#161616}.sugerencias a:hover{background:#f3e9e9}
.filtros input,.filtros select{background:#fff;color:#161616;border-color:#ccc}
.pie{background:#0b0b0b;color:#e8e8e8;border:0}.pie a{color:#fff}
@media(max-width:720px){nav.menu{overflow-x:auto;flex-wrap:nowrap}nav.menu a{white-space:nowrap;padding:10px 12px}}

@media(max-width:720px){html,body{overflow-x:hidden}.cab{padding:10px 16px;gap:6px 12px}.marca{font-size:23px}.idioma{margin-left:auto}nav.menu{flex-wrap:wrap!important;overflow:visible!important;justify-content:center;padding:6px 8px!important;gap:2px 0}nav.menu a{white-space:nowrap;padding:6px 9px!important;font-size:14.5px!important}main{padding:18px 16px}.portada{margin:-18px -16px 10px;padding:34px 16px 28px}.portada h1{font-size:clamp(34px,11vw,52px)!important;line-height:1.05;word-break:break-word}.portada .lema{font-size:19px}.busca-grande{flex-wrap:nowrap;gap:6px;margin:14px 0}.busca-grande input{width:auto;flex:1 1 auto;min-width:0;font-size:16px;padding:9px 14px}.busca-grande button{flex:0 0 auto;padding:9px 14px}img,iframe,table{max-width:100%}.tabla{display:block;overflow-x:auto}h1{word-break:break-word}}
.aviso-cookies{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:46rem;margin:auto;z-index:50;background:#0b0b0b;color:#fff;border-top:4px solid #7b1e22;border-radius:10px;padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:0 8px 30px rgba(0,0,0,.35)}.aviso-cookies p{margin:0;flex:1 1 20rem;font-size:.95rem}.aviso-cookies a{color:#d9a7a9}.aviso-cookies div{display:flex;gap:.6rem}.aviso-cookies button,.cambiar-cookies{font:inherit;font-weight:700;padding:.55rem 1.1rem;border-radius:6px;border:2px solid #fff;background:transparent;color:#fff;cursor:pointer}.aviso-cookies button[data-c=si]{background:#7b1e22;border-color:#7b1e22}.cambiar-cookies{background:#7b1e22;border-color:#7b1e22}
/* === diseno Cartelera para toda la web (10-11-2026) === */
:root{--c-negro:#141110;--c-papel:#f1e9da;--c-granate:#7b1e22;--c-amarillo:#f2b632;--c-azul:#2c5d8a;--c-verde:#2f6b4f;--c-suave:#5d5650;--fondo:#f1e9da;--papel:#fff;--linea:#d9d3c9;--suave:#5d5650;--texto:#141110}
body{background:var(--c-papel);color:var(--c-negro)}
.cab{background:var(--c-papel);border-bottom:4px solid var(--c-negro);padding:16px 28px}
.marca{color:var(--c-negro);font-size:28px;font-weight:900}.marca span{color:var(--c-granate)}
.idioma a{color:var(--c-negro);border:2px solid var(--c-negro);padding:3px 12px;font-weight:700;font-size:14px}
.idioma a:hover{background:var(--c-negro);color:var(--c-papel);text-decoration:none}
.busca-mini input{background:#fff;color:var(--c-negro);border:2px solid var(--c-negro);border-radius:0}.busca-mini input::placeholder{color:#777}
nav.menu{background:var(--c-papel);border-bottom:1px solid var(--c-negro);padding:0 20px}
nav.menu a{color:var(--c-negro);font-weight:700;font-size:15px}
nav.menu a:hover{background:var(--c-granate);color:#fff}
a{color:var(--c-granate)}
main h1{color:var(--c-negro);font-weight:900;letter-spacing:-.025em;font-size:clamp(28px,3.4vw,42px);line-height:1.08}
:where(main) h2{color:var(--c-negro);font:900 clamp(26px,3vw,34px)/1.1 "Playfair Display",Georgia,serif;letter-spacing:-.015em;border-bottom:4px solid var(--c-negro);padding-bottom:8px}
:where(main) .titulo-bloque{border-bottom:4px solid var(--c-negro)}
:where(main) .titulo-bloque h2{border:0}
.miga{color:var(--c-suave);font-size:13.5px;text-transform:uppercase;letter-spacing:.06em}.miga a{color:var(--c-granate);font-weight:700}
.chip{background:var(--c-granate);color:#fff;border-radius:0;font-weight:700}
.chip.gris{background:#fff;color:var(--c-negro);border:1px solid var(--c-negro)}
.chip:hover{text-decoration:none;filter:brightness(1.1)}
.cartel img{border:1px solid var(--c-negro);border-radius:0;box-shadow:12px 12px 0 var(--c-granate)}
.cartel figcaption{margin-top:16px}
.tecnica{border-top:4px solid var(--c-negro);padding-top:14px}
.tecnica dt{color:var(--c-suave);font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}
.premios b{color:var(--c-granate)}
.curio{background:#fff;border:2px solid var(--c-negro);border-left:8px solid var(--c-amarillo);border-radius:0;box-shadow:6px 6px 0 rgba(20,17,16,.12)}
.reparto a{font-weight:600}
.escenas img{border:1px solid var(--c-negro);border-radius:0}
.video{border:2px solid var(--c-negro);border-radius:0;box-shadow:10px 10px 0 var(--c-negro)}
.fila img.tarjeta,.fila .tarjeta{border:1px solid var(--c-negro);border-radius:0;box-shadow:4px 4px 0 rgba(20,17,16,.18)}
.fila a{color:var(--c-negro);font-weight:700}.fila a>span:not(.tarjeta){color:var(--c-suave);font-weight:400}
.fila a:hover{color:var(--c-granate)}
.fila a:hover img.tarjeta{box-shadow:7px 7px 0 var(--c-granate);transform:translate(-2px,-2px)}
.tarjeta{background:linear-gradient(160deg,var(--c-negro),#3a1315);color:#fff}
.fila.personas img.tarjeta{filter:grayscale(1)}.fila.personas a:hover img.tarjeta{filter:none}
.decadas a{background:#fff;color:var(--c-negro);border:2px solid var(--c-negro);border-radius:0}
.decadas a strong{color:var(--c-negro);font-family:"Playfair Display",Georgia,serif;font-weight:900}
.decadas a:hover{background:var(--c-granate);color:#fff}.decadas a:hover strong{color:#fff}
.lista a,.resultados a,.ranking a{color:var(--c-negro);font-weight:600;text-decoration:underline;text-decoration-color:var(--c-amarillo);text-decoration-thickness:2px;text-underline-offset:3px}
.lista a:hover,.resultados a:hover,.ranking a:hover{color:var(--c-granate)}
.resultados li,.tabla td{border-bottom-color:var(--linea)}
.tabla th{background:var(--c-negro);color:#fff}
.filtros input,.filtros select{border:2px solid var(--c-negro);border-radius:0;background:#fff}
.boton-mas{background:var(--c-negro);color:#fff;border-radius:0;box-shadow:4px 4px 0 var(--c-granate)}
.pie{background:var(--c-negro);border-top:8px solid var(--c-granate)}
@media(max-width:720px){.decadas:not(.grupos){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.decadas:not(.grupos) a{padding:5px 8px;font-size:11.5px;line-height:1.3;border-width:1.5px}.decadas:not(.grupos) a strong{font-size:15px;line-height:1.2}.cab{padding:10px 16px}nav.menu{border-bottom:3px solid var(--c-negro)}nav.menu a{color:var(--c-negro)!important}.cartel img{box-shadow:8px 8px 0 var(--c-granate)}}
@media(min-width:721px){.decadas:not(.grupos){display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:2px solid var(--c-negro);border-left:2px solid var(--c-negro)}.decadas:not(.grupos) a{border:0;border-right:2px solid var(--c-negro);border-bottom:2px solid var(--c-negro);padding:12px 12px;margin:0;font-size:14px;line-height:1.35}.decadas:not(.grupos):has(>a:nth-child(12):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}}
html:has(link[rel=canonical][href$="/historia.html"]) main>.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"t f" "s f";column-gap:44px;align-items:start;padding:10px 0 20px}html:has(link[rel=canonical][href$="/historia.html"]) main>.hero>h1{grid-area:t;align-self:end}html:has(link[rel=canonical][href$="/historia.html"]) main>.hero>.sub{grid-area:s;font-size:19px}html:has(link[rel=canonical][href$="/historia.html"]) main>.hero::after{content:"Buster Keaton en El maquinista de La General (1926) \00B7  dominio p\00FA blico";grid-area:f;display:flex;align-items:flex-end;aspect-ratio:1280/1010;margin-right:12px;padding:10px 14px;background:linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,.75)),url(/img/diseno/keaton2.jpg) center/cover no-repeat #333;border:3px solid var(--c-negro);box-shadow:12px 12px 0 var(--c-granate);color:#fff;font:italic 12.5px Georgia,serif;filter:grayscale(1)}html[lang=en]:has(link[rel=canonical][href$="/historia.html"]) main>.hero::after{content:"Buster Keaton in The General (1926) \00B7  public domain"}@media(max-width:720px){html:has(link[rel=canonical][href$="/historia.html"]) main>.hero{grid-template-columns:1fr;grid-template-areas:"t" "s" "f"}html:has(link[rel=canonical][href$="/historia.html"]) main>.hero::after{margin:14px 8px 10px 0;box-shadow:8px 8px 0 var(--c-granate);font-size:11px}}
main>section.hero{margin-top:0;padding-top:0}main>.miga{margin:0 0 10px}main>section.hero>h1{margin-top:0}main{padding-top:30px}@media(max-width:720px){main{padding-top:20px}}
.marca{display:inline-flex;align-items:center;gap:0}.marca::before{content:"";flex:0 0 auto;width:38px;height:38px;margin-right:10px;background:url(/assets/logo.svg) center/contain no-repeat}@media(max-width:720px){.marca::before{width:30px;height:30px;margin-right:8px}}
/* === fin diseno Cartelera === */