*{box-sizing:border-box;margin:0;padding:0}:root{--color-fondo:#0d0d0d;--color-fondo-claro:#e8e6e1;--color-texto-oscuro:#1a1a1a;--color-texto:#f2f0ec;--color-texto-secundario:#9a9a94;--color-acento:#c9873f;--color-borde:#2a2a28;--fuente-display:"Playfair Display", serif;--fuente-texto:"Inter", sans-serif;--fuente-mono:"Space Mono", monospace;--altura-navbar:40px}body{background-color:var(--color-fondo);color:var(--color-texto);font-family:var(--fuente-texto)}h1,h2,h3,h4,h5,h6{font-family:var(--fuente-display)}p,a,li{font-family:var(--fuente-texto)}.seccion-label{color:var(--color-acento);letter-spacing:2px;font-size:12px;font-family:var(--fuente-mono);margin-bottom:40px;padding:0 40px;display:block}.App{padding-top:0}.navbar{width:100%;height:var(--altura-navbar);z-index:100;background-color:#0000;justify-content:space-between;align-items:center;padding:0 24px;transition:background-color .3s;display:flex;position:fixed;top:0;left:0}.navbar-scrolled{background-color:#0d0d0de6}.navbar-links-desktop{gap:32px;display:flex}.navbar a{color:var(--color-texto);letter-spacing:1px;font-family:var(--fuente-mono);opacity:.7;font-size:14px;text-decoration:none;transition:opacity .3s}.navbar a:hover{opacity:1}.navbar-logo{font-family:var(--fuente-display);color:var(--color-texto);font-size:20px}.navbar-logo-dot{color:var(--color-acento)}.navbar-hamburguesa{display:none}.sidebar{background-color:var(--color-fondo);z-index:200;flex-direction:column;gap:24px;width:75%;height:100vh;padding:60px 24px;transition:right .4s;display:none;position:fixed;top:0;right:-100%}.sidebar-abierto{right:0}.sidebar a{color:var(--color-texto);font-family:var(--fuente-mono);letter-spacing:1px;font-size:16px;text-decoration:none}.sidebar-cerrar{color:var(--color-texto);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:24px;font-size:24px}@media (width<=768px){.App{padding-top:0}.navbar-links-desktop{display:none}.navbar-hamburguesa{color:var(--color-texto);cursor:pointer;background:0 0;border:none;font-size:24px;display:block}.sidebar{display:flex}}.inicio-hero{background-position:50%;background-size:cover;height:100vh;position:relative}.inicio-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-fondo));pointer-events:none;z-index:1;width:100%;height:150px;position:absolute;bottom:0;left:0}.inicio-nombre-izq{font-size:150px;font-family:var(--fuente-display);display:block;position:absolute;top:15%;left:40px}.inicio-nombre-der{font-size:150px;font-family:var(--fuente-display);display:block;position:absolute;top:60%;right:40px}.inicio-datos{color:var(--color-texto-secundario);letter-spacing:1px;z-index:2;font-size:14px;position:absolute;bottom:60px;left:40px}.inicio-datos p{font-family:var(--fuente-mono);margin:4px 0}@media (width<=768px){.inicio-nombre-izq,.inicio-nombre-der{font-size:35px}.inicio-datos{text-shadow:0 2px 12px #000,0 0 6px #000,0 0 2px #000;font-size:11px}.inicio-hero{background-position:50% 30%}}#obras{padding-top:120px;padding-bottom:50px}.obras-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:0 60px;scroll-padding:60px;display:flex;overflow-x:auto}.obras-grid::-webkit-scrollbar{display:none}.obras-flechas{justify-content:center;gap:16px;margin-top:24px;display:flex}.flecha{border:1px solid var(--color-borde);width:44px;height:44px;color:var(--color-texto);cursor:pointer;background:0 0;font-size:18px;transition:border-color .3s,color .3s}.flecha:hover:not(:disabled){border-color:var(--color-acento);color:var(--color-acento)}.flecha:disabled{opacity:.3;cursor:not-allowed}.obra-card{scroll-snap-align:start;cursor:pointer;flex:none;width:50vw;scroll-margin-top:177px}.obra-card img{width:100%;height:auto;display:block}.obra-card-imagen{position:relative;overflow:hidden}.obra-card-overlay{opacity:0;background:#0000004d;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.obra-card-imagen:hover .obra-card-overlay{opacity:1}.obra-card-categoria,.obra-card-anio{font-family:var(--fuente-mono);letter-spacing:1px;color:var(--color-texto);text-transform:uppercase;background:#0009;padding:6px 10px;font-size:12px;position:absolute;top:16px}.obra-card-categoria{left:16px}.obra-card-anio{right:16px}.obras-instruccion-mobile{display:none}@media (width<=768px){.obra-card{width:100%}.obras-grid{padding:0 20px;scroll-padding:20px}.obras-flechas{display:none}.obras-instruccion-mobile{text-align:center;color:var(--color-acento);font-size:12px;font-family:var(--fuente-mono);margin-top:16px;display:block}.obra-card-overlay{opacity:1;background:linear-gradient(#0000 40%,#000000b3)}.obra-card-categoria{white-space:nowrap;text-overflow:ellipsis;max-width:55%;overflow:hidden}}@media (width<=1440px) and (width>=769px){#obras{padding-top:70px;padding-bottom:40px}.obra-card{scroll-margin-top:127px}}.cargando-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.cargando-texto{color:var(--color-acento);font-family:var(--fuente-mono);text-align:center;font-size:13px}@keyframes girar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid #c9873f33;border-top:3px solid var(--color-acento);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite girar}@keyframes aparecer{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.obra-detalle{animation:.7s aparecer}.boton-volver{z-index:10;color:var(--color-texto);cursor:pointer;font-family:var(--fuente-texto);background:#00000080;border:none;border-radius:4px;padding:20px 16px;position:fixed;top:60px;left:20px}.detalle-hero{background-size:cover;height:100vh;position:relative}.detalle-hero-overlay{background:linear-gradient(#0000,#000c);width:100%;padding:60px;position:absolute;bottom:0;left:0}.detalle-categoria-anio{color:var(--color-acento);font-family:var(--fuente-mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.detalle-hero-info h1{margin:0;font-size:56px}.detalle-contenido{padding:80px 60px}.detalle-columnas{gap:60px;margin-bottom:80px;display:flex}.detalle-sinopsis{flex:4}.detalle-sinopsis p{color:var(--color-texto-secundario);line-height:1.7}.detalle-ficha{border-left:1px solid var(--color-borde);flex:2;padding-left:40px}.detalle-ficha p{color:var(--color-texto-secundario);margin-bottom:12px}.detalle-ficha strong{color:var(--color-texto);font-weight:400}.detalle-link{color:var(--color-acento);font-family:var(--fuente-mono);letter-spacing:1px;cursor:pointer;margin-top:16px;font-size:17px;text-decoration:none;transition:opacity .3s;display:inline-block}.detalle-link:hover{opacity:.7}.detalle-laureles{margin-bottom:80px}.laureles-fila{align-items:center;gap:32px;display:flex}.laurel-img{width:auto;height:80px}.detalle-galeria-label{margin-bottom:24px}.detalle-galeria{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detalle-galeria-item{position:relative;overflow:hidden}.detalle-galeria img{width:100%;height:auto;transition:transform .4s;display:block}.detalle-galeria-item:hover img{transform:scale(1.1)}.detalle-contenido .seccion-label{margin-bottom:16px;padding:0}@media (width<=768px){.navbar-detalle{display:none}.detalle-hero{background-position:50% 25%;height:45vh}.detalle-hero-overlay{padding:10px 20px}.detalle-hero-info h1{font-size:32px}.detalle-categoria-anio{font-size:11px}.detalle-contenido{padding:40px 24px}.detalle-galeria{grid-template-columns:1fr;gap:8px}.detalle-columnas{flex-direction:column;gap:30px}.detalle-ficha{border-left:none;padding-left:0}.detalle-ficha-datos{gap:24px;display:flex}.boton-volver{padding:10px 12px;font-size:13px;top:40px;left:20px}.laureles-fila{gap:16px}.laurel-img{height:50px}.detalle-galeria-item:hover img{transform:none}}#sobremi{padding-top:60px}.sobremi-container{align-items:flex-start;gap:40px;padding:0 40px;display:flex}.sobremi-imagen{flex:1}.sobremi-imagen img{width:100%;height:auto;display:block}.sobremi-texto{flex:2}.sobremi-texto h1{margin-bottom:8px}.sobremi-texto h2{color:var(--color-texto-secundario);margin-bottom:8px;font-style:italic;font-weight:400}.sobremi-texto p{margin-bottom:8px;line-height:1.4}.sobremi-leyenda{color:var(--color-texto-secundario);letter-spacing:1px;text-transform:uppercase;margin-top:12px;font-size:12px}.sobremi-festivales-titulo{color:var(--color-acento);letter-spacing:2px;border-top:1px solid var(--color-borde);margin-top:32px;padding-top:24px;font-size:14px}.festival-fila{border-bottom:1px solid var(--color-borde);justify-content:space-between;align-items:center;padding:16px 0;transition:background-color .3s;display:flex}.festival-fila:hover{background-color:#c9873f1a}.festival-anio{color:var(--color-texto-secundario);width:60px}.festival-nombre{font-family:var(--fuente-display);flex:1}.festival-reconocimiento{color:var(--color-texto-secundario);letter-spacing:1px;text-transform:uppercase;font-size:12px}.festival-laurel{width:auto;height:40px;padding-right:10px}@media (width<=768px){.sobremi-container{flex-direction:column;gap:20px}.sobremi-imagen,.sobremi-texto{flex:none}.festival-fila:hover{background-color:#0000}}#backstage{padding-top:60px;padding-bottom:60px}.backstage-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:0 60px;display:grid}.backstage-imagen-wrapper{aspect-ratio:4/3;position:relative;overflow:hidden}.backstage-imagen-wrapper img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .4s;display:block}.backstage-imagen-wrapper:hover img{transform:scale(1.1)}.backstage-titulo-overlay{color:var(--color-acento);font-family:var(--fuente-display);opacity:0;text-shadow:0 2px 8px #000,0 0 4px #000;background:#00000080;padding:4px 8px;font-size:18px;transition:opacity .3s;display:inline-block;position:absolute;bottom:16px;left:16px}.backstage-imagen-wrapper:hover .backstage-titulo-overlay{opacity:1}@media (width<=768px){.backstage-grid{grid-template-columns:1fr}.backstage-imagen-wrapper img,.backstage-imagen-wrapper:hover img{transform:none}.backstage-titulo-overlay{opacity:1}}#contacto{background-color:var(--color-fondo-claro);flex-direction:column;min-height:100vh;display:flex}.contacto-container{color:var(--color-texto-oscuro);flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.contacto-label{margin-top:50px}.contacto-principal{text-align:left;max-width:700px}.contacto-principal h1{color:var(--color-texto-oscuro);font-size:130px}.contacto-principal p{color:#555;margin:16px 0}.contacto-mail{background-color:var(--color-texto-oscuro);color:var(--color-fondo-claro);margin:16px 0;padding:12px 24px;text-decoration:none;display:inline-block}.contacto-redes{gap:24px;margin-top:24px;display:flex}.contacto-redes a{color:#555;text-decoration:none}.contacto-redes a:hover{color:var(--color-texto-oscuro)}footer{color:#777;border-top:1px solid #0000001a;justify-content:space-between;padding:24px 60px;font-size:12px;display:flex}@media (width<=768px){.contacto-label{margin-top:20px}.contacto-principal h1{font-size:35px}#contacto{padding:18px 24px}.contacto-container{padding:40px 24px}.contacto-mail{word-break:break-all;padding:12px 16px;font-size:13px}.contacto-redes{flex-wrap:wrap;gap:16px}footer{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:25px;padding:24px}}