@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/anton-400-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: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/anton-400-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: 'Fraunces'; font-style: normal; font-weight: 700 900; font-display: swap; src: url(../fonts/fraunces-700-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: 'Fraunces'; font-style: normal; font-weight: 700 900; font-display: swap; src: url(../fonts/fraunces-700-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: 'Parisienne'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/parisienne-400-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: 'Parisienne'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/parisienne-400-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: 'Figtree'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(../fonts/figtree-400-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: 'Figtree'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(../fonts/figtree-400-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{ --verde:#0F2326; --verde-alt:#16282B; --verde-hondo:#0A1B1D; --linea:#2A3C3F; --hueso:#EDE8DC; --hueso-suave:#A3AEAC; --oro:#E6B800; --oro-claro:#E6B800; --oro-tinta:#101F22; --titular:"Anton",Impact,"Arial Narrow",sans-serif; --display:"Fraunces",Georgia,"Times New Roman",serif; --texto:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif; --firma:"Parisienne","Brush Script MT",cursive; --ancho:70rem; --ancho-texto:38rem; --sombra:9px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0;background:var(--verde);color:var(--hueso); font-family:var(--texto);font-size:17px;line-height:1.7; -webkit-font-smoothing:antialiased; } img{max-width:100%;height:auto;display:block} .caja{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 1.5rem} h1,h2,h3{font-family:var(--display);font-weight:900;line-height:1.04;margin:0;letter-spacing:.005em} h1{font-family:var(--titular);font-weight:400;letter-spacing:.012em;line-height:1.06;font-size:clamp(2rem,5.6vw,4rem);text-transform:uppercase;color:var(--oro)} .titulo-pagina{font-family:var(--titular);font-weight:400;letter-spacing:.012em;line-height:1.06; text-transform:uppercase;color:var(--oro);font-size:clamp(1.8rem,4vw,2.9rem)} h2{font-size:clamp(1.7rem,3.6vw,2.7rem);text-transform:uppercase;color:var(--oro)} h3{font-size:1.3rem;font-weight:700} p{margin:0 0 1.1rem} a{color:inherit} a:focus-visible,button:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px} .firma{font-family:var(--firma);font-size:clamp(2.4rem,4.6vw,3.4rem);line-height:1;color:var(--hueso);margin:.2rem 0 1.5rem} .rotulo{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-claro);font-weight:600;margin:0} .rotulo+h1,.rotulo+h2{margin-top:.7rem} .saltar{position:absolute;left:-9999px;background:var(--oro);color:var(--oro-tinta);padding:.6rem 1rem;z-index:20} .saltar:focus{left:1rem;top:1rem} .regla{display:flex;align-items:center;gap:1rem;margin:0 0 2.6rem} .regla:before,.regla:after{content:"";height:1px;background:var(--oro);opacity:.45;flex:1} .destello{width:13px;height:13px;flex:none;fill:var(--oro)} .cabecera{border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:10;background:rgba(15,35,38,.94);backdrop-filter:blur(8px)} .cabecera .caja{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem;flex-wrap:wrap} .marca{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:1rem;text-decoration:none;color:var(--hueso)} .menu{display:flex;gap:1.5rem;font-size:.9rem;flex-wrap:wrap} .menu a{color:var(--hueso-suave);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent} .menu a:hover,.menu a[aria-current="page"]{color:var(--oro-claro);border-bottom-color:var(--oro)} .hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden} .hero .caja{display:block;position:relative;z-index:2} .hero-abajo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3.5rem);align-items:center;margin-top:clamp(1.8rem,3.5vw,2.6rem)} .hero .entradilla{font-size:1.1rem;color:var(--hueso-suave);max-width:33rem} .acciones{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem} .boton{display:inline-block;text-decoration:none;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:.85rem 1.5rem;background:var(--oro);color:var(--oro-tinta);border:1px solid var(--oro); transition:background .18s ease,color .18s ease,border-color .18s ease} .boton:hover{background:var(--oro-claro);border-color:var(--oro-claro)} .boton.vacio{background:transparent;color:var(--oro-claro)} .boton.vacio:hover{background:var(--oro);color:var(--oro-tinta)} .franja{background:var(--oro);color:var(--oro-tinta);padding:2.2rem 0} .franja ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.4rem 2rem} .franja strong{display:block;font-family:var(--display);font-weight:700;font-size:1.05rem} .franja span{font-size:.84rem;color:#33401F} .seccion{padding:clamp(3rem,6.5vw,5rem) 0} .seccion.alterna{background:var(--verde-alt)} .seccion-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.2rem} .seccion-titulo p{color:var(--hueso-suave);margin:.6rem 0 0;max-width:var(--ancho-texto)} .enlace-todo{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oro-claro);text-decoration:none;border-bottom:1px solid var(--oro);white-space:nowrap} .enlace-todo:hover{color:var(--hueso)} .rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:1.6rem} .rejilla-portada{container-type:inline-size} @container (max-width:34.59rem){.rejilla .solo-dos{display:none}} @container (min-width:52.7rem){.rejilla .solo-dos{display:none}} .tarjeta{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--linea);background:var(--verde-alt);transition:border-color .18s ease,transform .18s ease} .tarjeta:hover{border-color:var(--oro);transform:translateY(-3px)} .tarjeta-enlace{color:inherit;text-decoration:none} .tarjeta-enlace::after{content:"";position:absolute;inset:0;z-index:1} .tarjeta-enlace:focus-visible{outline:none} .tarjeta:has(.tarjeta-enlace:focus-visible){outline:2px solid var(--oro-claro);outline-offset:3px;border-color:var(--oro)} .tarjeta .sin-imagen{aspect-ratio:4/3;background:var(--verde-hondo);border-bottom:1px solid var(--linea);display:grid;place-items:center;color:#3E5458;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase} .tarjeta .cuerpo{padding:1.2rem 1.3rem 1.5rem;display:flex;flex-direction:column;gap:.55rem;flex:1} .tarjeta h3{color:var(--hueso)} .tarjeta .meta{font-size:.8rem;color:var(--oro-claro);letter-spacing:.04em;margin:0} .tarjeta .resumen{font-size:.93rem;color:var(--hueso-suave);margin:0} .etiqueta{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--oro-claro);width:fit-content} .ficha-cabecera{padding:clamp(2.5rem,6vw,4rem) 0 2rem} .migas{font-size:.84rem;color:var(--hueso-suave);margin-bottom:1.4rem} .migas a{text-decoration:none;border-bottom:1px solid var(--linea)} .migas a:hover{color:var(--oro-claro);border-bottom-color:var(--oro)} .ficha-subtitulo{font-family:var(--firma);font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--oro-claro);line-height:1;margin:.6rem 0 0} .ficha-rejilla{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(2rem,5vw,3.5rem);align-items:start;padding-bottom:clamp(3rem,6vw,4.5rem)} .sinopsis{font-size:1.05rem;max-width:var(--ancho-texto)} .sinopsis h2{font-family:var(--texto);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-claro);font-weight:600;margin-bottom:.9rem} .ficha-imagen{width:auto;max-width:100%;height:auto;border:1px solid var(--oro);margin-bottom:1.6rem; max-height:calc(100vh - 10rem);max-height:calc(100svh - 10rem)} .datos{border:1px solid var(--linea);background:var(--verde-alt);padding:1.4rem 1.5rem;font-size:.93rem} .datos dl{margin:0;display:grid;gap:1rem} .datos dt{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--oro-claro);font-weight:600} .datos dd{margin:.2rem 0 0;color:var(--hueso)} .premios{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1rem} .premios li{border-left:2px solid var(--oro);padding-left:1rem} .premios strong{display:block;font-size:.96rem} .premios span{color:var(--hueso-suave);font-size:.88rem} .nota{font-size:.88rem;color:var(--hueso-suave);border-top:1px solid var(--linea);padding-top:1.1rem;margin-top:1.8rem} .bloques{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.6rem;margin:2rem 0} .bloque h2,.bloque h3{font-family:var(--texto);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-claro);font-weight:600;margin-bottom:.5rem} .bloque p{margin:0;color:var(--hueso)} .idea{border:1px solid var(--oro);background:rgba(230,184,0,.09);padding:1.4rem 1.5rem;margin:2rem 0} .idea h2,.idea h3{font-family:var(--texto);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-claro);font-weight:600;margin-bottom:.5rem} .idea p{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.2;margin:0;color:var(--oro)} .guion{border-left:2px solid var(--linea);padding-left:1.2rem;margin:1.6rem 0;color:var(--hueso-suave);font-size:.95rem;white-space:pre-line} .aviso-ficticia{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oro-tinta);background:var(--oro-claro);padding:.3rem .7rem;width:fit-content;font-weight:600} .credito{font-size:.85rem;color:var(--hueso-suave);font-style:italic} .pie{border-top:1px solid var(--linea);background:var(--verde-alt);padding:3.5rem 0 2.5rem;font-size:.93rem} .pie-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2.2rem} .pie h2{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oro);margin-bottom:.8rem} .pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem} .pie a{color:var(--hueso-suave);text-decoration:none;border-bottom:1px solid transparent} .pie a:hover{color:var(--oro-claro);border-bottom-color:var(--oro)} .pie .legal{color:var(--hueso-suave);font-size:.8rem;margin-top:2.5rem;text-align:center} @media (max-width:820px){ .hero-abajo,.ficha-rejilla{grid-template-columns:1fr} .cabecera .caja{min-height:3.4rem;padding-top:.6rem;padding-bottom:.6rem} .menu{gap:1rem;font-size:.85rem} body{font-size:16px} h1{font-size:clamp(1.9rem,8.6vw,3rem)} } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .tarjeta{transition:none} } @media print{ .cabecera,.acciones,.pie{display:none} body{background:#fff;color:#111} h1,h2,h3,.rotulo,.etiqueta{color:#111} } .visual{position:relative;aspect-ratio:4/3;background:var(--verde-hondo);border-bottom:1px solid var(--linea);overflow:hidden} .visual .sin-imagen{position:absolute;inset:0;display:grid;place-items:center;aspect-ratio:auto;border:0;background:none;color:#3E5458;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase} .visual img{position:relative;width:100%;height:100%;object-fit:contain;padding:.7rem;display:block; transition:transform .45s cubic-bezier(.22,.61,.25,1)} .con-movimiento .entra{opacity:0;transform:translateY(14px)} .con-movimiento .entra.dentro{ opacity:1;transform:none; transition:opacity .55s cubic-bezier(.22,.61,.25,1) var(--retardo,0ms), transform .55s cubic-bezier(.22,.61,.25,1) var(--retardo,0ms); } .con-movimiento .franja.entra{opacity:1;transform:none;position:relative;overflow:hidden} .con-movimiento .franja.entra:after{ content:"";position:absolute;inset:0;background:var(--verde); transform-origin:right;transition:transform .75s cubic-bezier(.22,.61,.25,1) } .con-movimiento .franja.entra.dentro:after{transform:scaleX(0)} .con-movimiento .regla.entra{opacity:1;transform:none} .con-movimiento .regla.entra:before,.con-movimiento .regla.entra:after{transform:scaleX(0)} .con-movimiento .regla.entra:before{transform-origin:right} .con-movimiento .regla.entra:after{transform-origin:left} .con-movimiento .regla.entra.dentro:before,.con-movimiento .regla.entra.dentro:after{ transform:scaleX(1);transition:transform .7s cubic-bezier(.22,.61,.25,1) } .con-movimiento .regla.entra .destello{opacity:0;transform:rotate(-120deg) scale(.4)} .con-movimiento .regla.entra.dentro .destello{ opacity:1;transform:none; transition:opacity .5s ease-out,transform .7s cubic-bezier(.22,.61,.25,1) } .con-movimiento .ficha-imagen.entra{opacity:0;transform:scale(.985)} .con-movimiento .ficha-imagen.entra.dentro{ opacity:1;transform:none;transition:opacity .6s ease-out,transform .8s cubic-bezier(.22,.61,.25,1) } .menu a,.enlace-todo,.pie a,.migas a{transition:color .18s ease,border-color .18s ease} .tarjeta:hover .visual img{transform:scale(1.03)} @media (prefers-reduced-motion:reduce){ .con-movimiento .entra,.con-movimiento .entra.dentro, .con-movimiento .franja.entra:after,.con-movimiento .regla.entra:before, .con-movimiento .regla.entra:after,.con-movimiento .regla.entra .destello, .con-movimiento .ficha-imagen.entra{ opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important } .tarjeta:hover .visual img,.tarjeta:hover{transform:none} } .cita{position:relative;margin:0 0 2.6rem;max-width:36rem;padding-left:2.4rem} .cita p{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.32;color:var(--oro);margin:0} .cita:before{content:"\00AB";position:absolute;left:0;top:-.12em;font-family:var(--display);font-size:4.2rem;line-height:1;color:var(--oro);opacity:.45} .cita-caso{margin:0 0 2.2rem;max-width:40rem;min-height:2.8rem} .cita-caso p{font-size:clamp(1.2rem,2.2vw,1.55rem)} .cita-caso:before{font-size:3.2rem;top:-.06em} .ficha-cabecera .credito{color:var(--hueso-suave);font-size:.88rem;margin:.9rem 0 0;font-style:normal} .bio-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) var(--bio-foto,26rem); gap:clamp(2rem,4vw,3.5rem);align-items:start} .bio-cuerpo .sinopsis{max-width:none} .bio-cuerpo .cita{max-width:none} .bio-foto{margin:0} .bio-foto img{display:block;width:100%;height:auto;border:1px solid var(--linea)} .bio-foto figcaption{color:var(--hueso-suave);font-size:.82rem;margin-top:.6rem} @media (max-width:1100px){.bio-cuerpo{--bio-foto:22rem}} @media (max-width:820px){ .bio-cuerpo{grid-template-columns:1fr} .bio-texto{display:contents} .bio-cuerpo .cita{order:-2} .bio-foto{order:-1;justify-self:center;width:100%;max-width:15rem;margin-bottom:.6rem} } .asoc{display:inline-flex;align-items:center;gap:.6rem} .logo-asoc{display:block;height:3.2rem;width:auto;opacity:1; filter:brightness(0) invert(.93) sepia(.18);transition:opacity .18s ease} .asoc:hover .logo-asoc{opacity:1} .pie a.asoc,.pie a.asoc:hover{border-bottom:0} .hero-abajo{display:block} .hero-abajo>div:first-child{max-width:33rem} .hero-foto{margin:2.2rem 1.5rem 14px calc(1.5rem + 14px);max-width:24rem;aspect-ratio:4/5;overflow:hidden; box-shadow:-14px 14px 0 var(--oro)} .hero-foto img{display:block;width:155%;max-width:none;height:auto;margin:-24% 0 0 -55%} @media (min-width:1240px){ .hero{min-height:620px} .hero-foto{position:absolute;top:0;bottom:0;right:0;margin:0;max-width:none;aspect-ratio:auto;overflow:visible;box-shadow:none;z-index:1} .hero-foto img{height:100%;width:auto;margin:0;object-fit:cover; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%); mask-image:linear-gradient(90deg,transparent 0,#000 45%)} } @media (max-width:1239px){.hero{padding-bottom:clamp(2rem,5vw,3rem)}} .migas-caso{margin:clamp(2rem,5vw,3rem) 0 0} .lamina{padding:clamp(1.6rem,4vw,2.6rem) 0 clamp(2.6rem,6vw,4.2rem)} .lamina .regla{margin-bottom:clamp(2rem,4.5vw,3.2rem)} .lamina-rejilla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(2rem,5vw,4rem);align-items:start} .lamina-cabeza{margin-bottom:1.8rem} .lamina-cabeza .rotulo{margin-bottom:0} .lamina-cabeza .credito{color:var(--hueso-suave);font-size:.88rem;margin:.9rem 0 0;font-style:normal} .lamina-cabeza .aviso-ficticia{margin:1.1rem 0 0} .lamina-titulo{font-family:var(--titular);font-weight:400;letter-spacing:.012em;line-height:1.06; font-size:clamp(1.9rem,4.2vw,3rem)} .lamina-bajada{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hueso-suave);margin:.7rem 0 0} .lamina .cita-caso{margin-bottom:1.8rem} .lamina .bloques{grid-template-columns:1fr;gap:1.3rem;margin:0} .lamina .idea{margin:clamp(2.2rem,5vw,3.2rem) 0 0} .lamina .acciones{margin-top:1.6rem} .pieza+.pieza{margin-top:1.8rem} .pieza h3{font-family:var(--texto);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase; color:var(--oro-claro);font-weight:600;margin:0 0 .55rem} .pieza p{margin:0;max-width:var(--ancho-texto)} .lamina .guion{font-family:"Courier Prime","Courier New",Courier,ui-monospace,monospace;font-size:.9rem; line-height:1.6;color:var(--hueso);border-left:2px solid var(--oro);margin:.9rem 0 0} .lamina-ancho{grid-column:1/-1} .lamina-ancho .lamina-cabeza{margin-bottom:.4rem} .comp figure{margin:0} .comp img{display:block;width:100%;height:auto;box-shadow:calc(-1 * var(--sombra)) var(--sombra) 0 var(--oro)} .lamina-imagenes{padding:0 0 var(--sombra) var(--sombra)} .comp-columna{display:grid;gap:2rem} .comp-fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .comp-fila img{aspect-ratio:4/3;object-fit:cover} .comp-tira{max-width:var(--tira,26rem);margin:0 auto;gap:1.8rem} @media (max-width:820px){ :root{--sombra:6px} .lamina-rejilla{grid-template-columns:1fr} .comp-tira{max-width:min(var(--tira,20rem),20rem);gap:1.4rem} } .lamina-ancho.lamina-imagenes{max-width:calc(924px + var(--sombra));width:100%} .comp-sueltas{display:grid;gap:2.2rem} .comp-sueltas .comp-fila{gap:clamp(1.2rem,4vw,3.4rem)} .comp-sueltas .comp-fila img{aspect-ratio:4/3;object-fit:cover} .comp-sueltas figcaption{text-align:center;font-weight:700;color:var(--oro);font-size:.95rem;margin-top:1.2rem} .pieza-titular{font-family:var(--texto);font-weight:600;font-size:clamp(1.4rem,3.2vw,2.3rem); line-height:1.2;color:var(--oro);margin:0 0 .8rem!important;max-width:none!important;text-wrap:balance} @media (max-width:820px){ .comp-sueltas{gap:1.6rem} .comp-sueltas figcaption{margin-top:.8rem} } .comp-columna img,.comp-par img{width:auto;max-width:100%} .comp-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start} .lamina-rejilla>.lamina-ancho+.lamina-texto,.lamina-rejilla>.lamina-ancho+.lamina-texto+.lamina-imagenes{margin-top:.4rem} .literal{margin:1rem 0 0;border-left:2px solid var(--oro);padding-left:1.1rem} .literal p{margin:0;color:var(--hueso-suave);font-style:italic;font-size:.98rem} @media (max-width:820px){ .comp-par{gap:1.4rem} } .parejas-columnas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4rem); margin-bottom:clamp(1.5rem,4vw,2.5rem)} .pareja-columna{display:flex;flex-direction:column;gap:1.6rem} @supports (grid-template-rows:subgrid){ .parejas-columnas{row-gap:1.6rem} .pareja-columna{display:grid;grid-row:span 2;grid-template-rows:subgrid} } .pareja-columna .comp img,.parejas-columnas>.lamina-imagenes .comp img{max-width:min(100%,26rem)} .parejas-columnas>.lamina-texto,.parejas-columnas>.lamina-imagenes{margin-top:clamp(1rem,3vw,2rem)} @media (max-width:820px){.parejas-columnas{grid-template-columns:1fr}} .pieza h3 a{text-decoration:none;color:inherit;transition:color .18s ease} .pieza h3 a:hover,.pieza h3 a:focus-visible{color:var(--hueso);text-decoration:underline;text-underline-offset:3px} .solo-texto{row-gap:clamp(1.4rem,3vw,2.2rem)} .pieza-guion>.guion:first-child{margin-top:0} .pieza>p:first-child{margin-top:0} .escenas{display:grid;gap:clamp(2rem,4vw,2.8rem)} .escena{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);gap:clamp(1.6rem,4vw,3rem);align-items:center} .escena .lamina-texto{max-width:var(--ancho-texto)} .escena .guion,.escena .literal{margin:0} .escenas>.lamina-imagenes{max-width:calc(56rem + var(--sombra))} .escena-texto{max-width:var(--ancho-texto)} @media (max-width:820px){ .escena{grid-template-columns:1fr;gap:1.2rem} .escena .lamina-imagenes{max-width:calc(20rem + var(--sombra))} } .comp-fila-libre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.4rem);align-items:start} @media (max-width:820px){.comp-fila-libre{gap:1rem}} .video{position:relative;aspect-ratio:16/9;margin:1.6rem 0 var(--sombra) var(--sombra); box-shadow:calc(-1 * var(--sombra)) var(--sombra) 0 var(--oro);background:#000} .video iframe,.video-portada{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} .video-portada img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease} .video-portada:hover img,.video-portada:focus-visible img{filter:brightness(.75)} .video-play{position:absolute;left:50%;top:50%;width:4.2rem;height:4.2rem;margin:-2.1rem 0 0 -2.1rem; border-radius:50%;background:var(--oro);display:grid;place-items:center; box-shadow:0 6px 24px rgba(0,0,0,.35);transition:transform .2s ease} .video-play svg{width:1.9rem;height:1.9rem;fill:var(--oro-tinta);margin-left:.2rem} .video-portada:hover .video-play{transform:scale(1.06)} .video-rotulo{position:absolute;left:0;bottom:0;padding:.55rem .9rem;background:rgba(15,35,38,.85); color:var(--oro);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600} @media (prefers-reduced-motion:reduce){.video-play,.video-portada img{transition:none}} .pieza-tema>p:not(.pieza-titular){color:var(--hueso-suave);font-size:.88rem;line-height:1.6} .lamina-imagenes.imagenes-abajo{align-self:end;margin-bottom:calc(-1 * var(--sombra) + .35rem)} @media (max-width:820px){.lamina-imagenes.imagenes-abajo{margin-bottom:0}} .solo-texto .lamina-texto>.video:first-child{margin-top:0} .video-fondo{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);max-width:none; object-fit:cover;object-position:center;filter:blur(18px) brightness(.55)} .video-portada{overflow:hidden} .video-portada img.video-cartel{position:relative;object-fit:contain;padding:.9rem 0} .ficha-lado{display:flex;flex-direction:column;gap:2.2rem;min-width:0} .ficha-accion .video{margin-top:0} .ficha-accion .acciones{margin-top:0} .ficha-premios h2{font-family:var(--texto);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase; color:var(--oro-claro);font-weight:600;margin-bottom:.9rem} .ficha-premios .premios{margin-top:0} @media (max-width:820px){ .ficha-lado{gap:2rem} .ficha-lado>.datos{order:2} .ficha-lado>.ficha-premios{order:1} } .visual-articulo{aspect-ratio:16/9} .visual-articulo img{object-fit:cover;padding:0} .solo-lector{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} @media (min-width:821px){.franja ul{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:820px){ .cabecera .caja{gap:.35rem} .menu{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:.6rem;font-size:.8rem} .menu a{padding:.3rem 0;white-space:nowrap} } .pie a.pie-correo{display:inline-block;font-family:var(--display);font-weight:700;font-size:1.25rem; color:var(--oro);padding:.45rem 0;line-height:1.3;border-bottom:1px solid transparent;word-break:break-word} .pie a.pie-correo:hover,.pie a.pie-correo:focus-visible{color:var(--hueso);border-bottom-color:var(--oro)} .pie ul.redes{display:flex;flex-wrap:wrap;gap:.4rem} .pie a.red{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--hueso);border-bottom:0} .pie a.red svg{width:1.5rem;height:1.5rem;fill:currentColor} .pie a.red:hover,.pie a.red:focus-visible{color:var(--oro)} .pie ul.asociaciones{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem} .asoc:hover .logo-asoc,.asoc:focus-visible .logo-asoc{ filter:brightness(0) saturate(100%) invert(72%) sepia(76%) saturate(1500%) hue-rotate(5deg) brightness(101%) contrast(102%)} .ficha-logline{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.5;color:var(--hueso);max-width:44rem;margin:1.1rem 0 0} .ficha-subtitulo+.ficha-logline{margin-top:1.3rem} @media (max-width:820px){.ficha-imagen{max-height:min(58svh,30rem)}} .sinopsis>.ficha-accion{margin-top:2rem} .ficha-descriptor{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hueso-suave);margin:.8rem 0 0} .ficha-cierre{border-top:1px solid var(--linea);padding:clamp(2.4rem,6vw,3.6rem) 0} .cierre-portada{padding:clamp(3rem,7vw,4.6rem) 0} .contacto-cierre{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;justify-content:center} .contacto-frase{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.2; color:var(--oro);margin:0;max-width:40rem;text-align:center} .siguiente{border-top:1px solid var(--linea)} .siguiente a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1.8rem 0 2.2rem; text-decoration:none;width:fit-content;max-width:100%;margin-inline:auto} .siguiente-rotulo{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hueso-suave);font-weight:600} .siguiente-titulo{font-family:var(--titular);text-transform:uppercase;letter-spacing:.012em;font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.1;color:var(--oro);transition:color .18s ease} .siguiente a:hover .siguiente-titulo,.siguiente a:focus-visible .siguiente-titulo{color:var(--hueso)} .lamina-texto>.cita-caso{--retardo:220ms} .hero .entradilla strong{font-weight:600;color:var(--oro)} .franja li{display:flex;align-items:flex-start;gap:1rem} .credencial-logo{flex:none;width:var(--logo-alto,48px);height:var(--logo-alto,48px);object-fit:contain} .franja li>div{min-width:0} @media (max-width:820px){ .credencial-logo{width:calc(var(--logo-alto,48px) * .84);height:calc(var(--logo-alto,48px) * .84)} } .franja-nota{margin:1.6rem 0 0;text-align:center;font-size:.84rem;font-style:italic;color:#33401F} .pie-rejilla{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem 5.5rem} .pie-rejilla>div{text-align:center} .pie ul.redes,.pie ul.asociaciones{justify-content:center} .ficha-galeria{padding:0 0 clamp(2.6rem,6vw,4rem)} .ficha-galeria h2{font-family:var(--texto);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase; color:var(--oro-claro);font-weight:600;margin-bottom:1.2rem} .galeria-obra{display:grid;grid-template-columns:1fr;gap:1.6rem} .galeria-obra figure{margin:0} .galeria-obra a{display:block} .galeria-obra img{width:100%;height:auto} .galeria-obra figcaption{color:var(--hueso-suave);font-size:.82rem;margin-top:.6rem} @media (min-width:720px){.galeria-obra{grid-template-columns:1fr 1fr}} .datos dd a{transition:color .18s ease} .datos dd a:hover,.datos dd a:focus-visible{color:var(--oro)} .hero-foto picture{display:contents} @media (max-width:820px){ .hero{display:flex;flex-direction:column;padding-top:clamp(1.8rem,5vw,2.6rem)} .hero>.caja{display:contents} .hero>.caja>*{padding-inline:1.5rem} .hero>.caja>.hero-abajo{order:2;margin-top:1.6rem} .hero-foto{order:1;align-self:flex-start;width:calc(100% - 3rem - 14px);max-width:32rem; height:clamp(13rem,38svh,26rem);aspect-ratio:auto;margin:.4rem 1.5rem 14px calc(1.5rem + 14px)} .hero-foto img{width:100%;height:100%;margin:0;object-fit:cover;object-position:50% 45%} .hero .firma{margin-bottom:.6rem} } @media (orientation:landscape) and (max-height:500px) and (min-width:821px) and (max-width:1239px){ .hero-foto{width:min(24rem, calc(78svh * .8));max-width:none} } .legal-texto{max-width:44rem} .legal-seccion{margin-top:2.4rem} .legal-seccion:first-child{margin-top:.6rem} .legal-seccion h2{font-size:clamp(1.15rem,2.2vw,1.4rem);color:var(--oro);margin:0 0 .9rem} .legal-seccion p{color:var(--hueso-suave);margin:0 0 .9rem;overflow-wrap:anywhere} .legal-seccion a{color:var(--hueso);text-underline-offset:3px} .legal-seccion a:hover,.legal-seccion a:focus-visible{color:var(--oro)} .legal-datos{display:grid;gap:.9rem;margin:1.4rem 0 0} .pie .legal a{border-bottom-color:var(--linea);white-space:nowrap} .pie .legal a:hover,.pie .legal a:focus-visible{color:var(--hueso);border-bottom-color:var(--oro)} .pie .pie-correo-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem .9rem} .copiar-correo{font-family:var(--texto);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase; color:var(--hueso);background:transparent;border:1px solid var(--linea);padding:0 .9rem;min-height:2.75rem;min-width:2.75rem; cursor:pointer;transition:color .18s ease,border-color .18s ease} .copiar-correo:hover{color:var(--oro);border-color:var(--oro)} .copiar-correo:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px;border-color:var(--oro)} .copiar-correo[hidden]{display:none} .pagina-error{min-height:46vh} .pagina-error .entradilla{max-width:34rem;margin-top:1.4rem} .hero h1{text-wrap:balance} .lamina-titulo a{color:inherit;text-decoration:none} .lamina-titulo a:hover,.lamina-titulo a:focus-visible{text-decoration:underline;text-underline-offset:4px} .visual.visual-cartel{aspect-ratio:4/5} @media (min-width:1700px){ .hero-foto{right:calc(50% - 35rem - 16.5rem)} .hero-foto img{ -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 12%,#000 48%,#000 64%,transparent 98%); mask-image:linear-gradient(90deg,transparent 0,transparent 12%,#000 48%,#000 64%,transparent 98%)} } .tira-13rem{--tira:13rem}