:root{--azul-principal:#2f2fff;--amarillo:#FFB547;--amarillo-hover:#e6a638;--negro:#111;--blanco:#fff;--gris-oscuro:#1c1c1c;--gris-claro:#ccc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{height:100%;font-family:'Segoe UI',sans-serif;background-color:var(--negro);color:var(--blanco);line-height:1.5;font-size:16px}.puerta{position:fixed;inset:0;background:url('persiana_metalica.webp') center/cover no-repeat;z-index:9999;animation:2.2s ease-out forwards abrirPuerta;content-visibility:hidden;contain-intrinsic-size:100vh}@keyframes abrirPuerta{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.nube-gas{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:0;opacity:.5;z-index:9998;pointer-events:none;animation:2.5s ease-out 2.3s forwards expandirGas}.footer,.hero{text-align:center;position:relative}@keyframes expandirGas{0%{width:0;opacity:.5}50%{width:100vw;opacity:.8}100%{width:150vw;opacity:0}}.hero{z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(to bottom,rgba(17,17,17,.7),rgba(28,28,28,.9)),url('Persona_andando.webp') center/cover no-repeat}.hero h1 img{width:280px;margin-bottom:1.5rem;animation:4s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}.hero p{font-size:1.4rem;margin-bottom:.5rem;max-width:600px;opacity:0;animation:1s 2.3s forwards fadeInUp}.hero .sub{font-size:1rem;color:var(--gris-claro);animation-delay:2.6s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-button{margin-top:2rem;background-color:var(--amarillo);color:var(--negro);text-decoration:none;padding:14px 28px;border-radius:30px;font-weight:600;transition:transform .3s,background-color .3s;animation:1s 2.9s forwards fadeInUp;opacity:0}.cta-button:focus-visible,.cta-button:hover{background-color:var(--amarillo-hover);transform:scale(1.05);outline:0}.footer{background:var(--gris-oscuro);color:#aaa;padding:1.5rem 1rem;font-size:.9rem;z-index:2}.social-icons{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.social-icons a{color:#aaa;font-size:1.3rem;transition:color .3s}.social-icons a:focus-visible,.social-icons a:hover{color:var(--amarillo);outline:0}.hero h1{font-size:2rem;line-height:1.2}@media (max-width:600px){.hero h1 img{width:200px}.hero p{font-size:1.1rem}.cta-button{padding:12px 24px;font-size:.95rem}.footer{font-size:.8rem}.social-icons{gap:.75rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}@media (max-width:600px){.cta-button,.hero h1 img,.hero p,.nube-gas,.puerta{animation:none!important}}}