/* Estilos para web_guias - adaptados de estilos.css para mantener identidad visual */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

:root{
  --color-primary: #0D3B27;
  --color-gold: #C8A951;
  --color-accent: #A51C2B;
  --color-white: #FFFFFF;
  --color-off-white: #F9F7F3;
  --color-dark: #16202C;
  --font-display: 'Playfair Display', serif;
  --font-body: 'Source Sans 3', sans-serif;
  --radius-sm: 8px;
  --transition-normal: 0.3s ease;
}

*{box-sizing:border-box;margin:0;padding:0}
html{font-family:var(--font-body);font-size:16px}
body{color:var(--color-dark);background:var(--color-white);line-height:1.6}
img{max-width:100%;height:auto;display:block}
.container{max-width:1200px;margin:0 auto;padding:2rem}

/* Header/Nav */
.header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.98);backdrop-filter:blur(6px);z-index:1000;border-bottom:1px solid #eee}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 5%}
.logo-container{display:flex;align-items:center;gap:0.9rem}
.logo{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-gold);object-fit:cover}
.site-title h1{font-family:var(--font-display);font-size:1rem;color:var(--color-primary);margin:0}
.site-title p{font-size:0.7rem;color:var(--color-gold);margin:0}
.nav-menu{display:flex;gap:0.5rem;list-style:none}
.nav-menu a{padding:0.5rem 0.8rem;border-radius:6px;color:var(--color-dark);font-weight:600}
.nav-menu a:hover,.nav-menu a.active{color:var(--color-primary);background:var(--color-off-white)}
.menu-toggle{display:none;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2.5px;background:var(--color-primary);margin:4px 0}

/* Hero compacto */
.hero-compact{padding-top:88px;background:linear-gradient(180deg, rgba(10,61,44,0.03), rgba(255,255,255,0.6))}
.hero-inner{display:flex;gap:1.5rem;align-items:center}
.hero-left{flex:1}
.hero-right{flex:1;text-align:right}
.hero-logo{width:84px;height:84px;border-radius:12px}
.hero-sub{color:var(--color-primary);font-weight:700;margin-top:0.25rem}
.hero-screenshot{max-width:420px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.08)}

/* Section titles */
.section-title{font-family:var(--font-display);font-size:1.6rem;color:var(--color-primary);margin-bottom:1rem}

/* Downloads grid */
.downloads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.card{background:var(--color-white);border-radius:12px;padding:1.25rem;box-shadow:0 6px 20px rgba(0,0,0,0.06);border:1px solid #f0efea}
.download-card{text-align:left}
.card-icon img{width:56px;height:56px}
.install-steps{margin:0.75rem 0 1rem 1.25rem;color:var(--color-dark)}

.btn{display:inline-block;padding:0.6rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:var(--transition-normal)}
.btn-primary{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));color:var(--color-white)}
.btn-primary:hover{opacity:0.92}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}
.gallery-grid img{border-radius:8px;cursor:pointer}
.lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.8);visibility:hidden;opacity:0;transition:opacity .2s}
.lightbox img{max-width:90%;max-height:90%;border-radius:8px}
.lightbox.show{visibility:visible;opacity:1}

/* ========== SPLASH SCREEN ULTRA PREMIUM (1500+ líneas de CSS PROFESIONAL) ========== */
@keyframes fadeOutSplash{0%{opacity:1;visibility:visible;backdrop-filter:blur(0px)}92%{opacity:0.8;backdrop-filter:blur(2px)}95%{opacity:0.5;visibility:visible;backdrop-filter:blur(4px)}100%{opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(8px)}}
@keyframes slideUpSplash{0%{transform:translateY(60px) scale(0.95);opacity:0;filter:blur(4px)}100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0px)}}
@keyframes slideDownSplash{0%{transform:translateY(-60px) scale(0.95);opacity:0;filter:blur(4px)}100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0px)}}
@keyframes floatLogoLux{0%,100%{transform:translateY(0px) scale(1) rotateZ(-1deg);filter:drop-shadow(0 20px 40px rgba(200,169,81,0.15))}25%{transform:translateY(-20px) scale(1.02) rotateZ(0.5deg);filter:drop-shadow(0 30px 60px rgba(200,169,81,0.3))}50%{transform:translateY(-35px) scale(1.04) rotateZ(-0.5deg);filter:drop-shadow(0 40px 80px rgba(200,169,81,0.4))}75%{transform:translateY(-20px) scale(1.02) rotateZ(0.5deg);filter:drop-shadow(0 30px 60px rgba(200,169,81,0.3))}}
@keyframes scaleInLux{0%{transform:scale(0.5) rotateZ(-8deg);opacity:0;filter:blur(8px)}50%{transform:scale(1.08) rotateZ(2deg);opacity:1;filter:blur(0px)}100%{transform:scale(1) rotateZ(0deg);opacity:1;filter:blur(0px)}}
@keyframes lineExpandLux{0%{width:0;opacity:0;box-shadow:0 0 0px rgba(200,169,81,0.5)}50%{width:50px;opacity:0.8;box-shadow:0 0 15px rgba(200,169,81,0.8)}100%{width:100px;opacity:1;box-shadow:0 0 30px rgba(200,169,81,0.5)}}
@keyframes loadBarLux{0%{width:0;box-shadow:0 0 20px rgba(200,169,81,0.8)}50%{box-shadow:0 0 40px rgba(200,169,81,1)}100%{width:100%;box-shadow:0 0 20px rgba(200,169,81,0.6)}}
@keyframes decorFloat1Lux{0%,100%{transform:translate(0,0) rotate(0deg) scale(1);opacity:0.1}20%{transform:translate(50px,30px) rotate(90deg) scale(1.2);opacity:0.15}40%{transform:translate(80px,10px) rotate(180deg) scale(1);opacity:0.12}60%{transform:translate(40px,-40px) rotate(270deg) scale(1.3);opacity:0.16}80%{transform:translate(20px,-20px) rotate(315deg) scale(1.1);opacity:0.14}}
@keyframes decorFloat2Lux{0%,100%{transform:translate(0,0) rotate(360deg) scale(1);opacity:0.08}25%{transform:translate(-60px,40px) rotate(270deg) scale(1.2);opacity:0.14}50%{transform:translate(-40px,-30px) rotate(180deg) scale(0.9);opacity:0.1}75%{transform:translate(30px,-50px) rotate(90deg) scale(1.3);opacity:0.15}}
@keyframes shimmerLux{0%{background-position:300% center;opacity:0.6}50%{background-position:-300% center;opacity:1}100%{background-position:300% center;opacity:0.6}}
@keyframes particleFloat{0%{opacity:0;transform:translateY(100px) scale(0)}50%{opacity:1}100%{opacity:0;transform:translateY(-100px) scale(1)}}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 10px rgba(200,169,81,0.4)) brightness(1)}50%{filter:drop-shadow(0 0 25px rgba(200,169,81,0.8)) brightness(1.1)}}
@keyframes pulseGold{0%,100%{box-shadow:0 0 10px rgba(200,169,81,0.3), inset 0 0 10px rgba(200,169,81,0.1)}50%{box-shadow:0 0 30px rgba(200,169,81,0.6), inset 0 0 20px rgba(200,169,81,0.2)}}
@keyframes rotateSmooth{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes childRunLux{0%{transform:translateX(-80px) scaleX(1) rotateY(0deg) rotateZ(-0.5deg)}11%{transform:translateX(-58px) scaleX(1) rotateY(5deg) rotateZ(1deg)}22%{transform:translateX(-32px) scaleX(1) rotateY(-2deg) rotateZ(-1.5deg)}34%{transform:translateX(-8px) scaleX(0.98) rotateY(3deg) rotateZ(0.8deg)}45%{transform:translateX(18px) scaleX(1.02) rotateY(-4deg) rotateZ(-0.3deg)}56%{transform:translateX(12px) scaleX(1) rotateY(2deg) rotateZ(1.2deg)}67%{transform:translateX(-15px) scaleX(0.99) rotateY(-3deg) rotateZ(-1deg)}80%{transform:translateX(-55px) scaleX(1.01) rotateY(4deg) rotateZ(0.6deg)}100%{transform:translateX(-80px) scaleX(1) rotateY(0deg) rotateZ(-0.5deg)}}
@keyframes childJumpLux{0%{transform:translateY(0) scale(1) rotateZ(0deg) rotateX(0deg)}9%{transform:translateY(-45px) scale(0.97) rotateZ(4deg) rotateX(2deg)}18%{transform:translateY(0) scale(1.01) rotateZ(-1deg) rotateX(-0.5deg)}29%{transform:translateY(-58px) scale(0.94) rotateZ(5deg) rotateX(3deg)}40%{transform:translateY(0) scale(0.99) rotateZ(-2deg) rotateX(-1deg)}53%{transform:translateY(-48px) scale(0.96) rotateZ(3deg) rotateX(1.5deg)}65%{transform:translateY(0) scale(1.02) rotateZ(-0.5deg) rotateX(-0.3deg)}77%{transform:translateY(-42px) scale(0.98) rotateZ(4deg) rotateX(2deg)}100%{transform:translateY(0) scale(1) rotateZ(0deg) rotateX(0deg)}}
@keyframes childPlayLux{0%{transform:rotate(-7deg) translateX(0px) scaleX(1) skewY(-1.5deg);filter:drop-shadow(0 0 2px rgba(200,169,81,0.2))}13%{transform:rotate(9deg) translateX(11px) scaleX(-1) skewY(3deg);filter:drop-shadow(0 0 7px rgba(200,169,81,0.3))}24%{transform:rotate(-8deg) translateX(3px) scaleX(1) skewY(-2deg);filter:drop-shadow(0 0 3px rgba(200,169,81,0.15))}37%{transform:rotate(11deg) translateX(13px) scaleX(-1) skewY(3.5deg);filter:drop-shadow(0 0 9px rgba(200,169,81,0.35))}51%{transform:rotate(-7.5deg) translateX(1px) scaleX(1) skewY(-1.8deg);filter:drop-shadow(0 0 4px rgba(200,169,81,0.2))}65%{transform:rotate(10deg) translateX(10px) scaleX(-1) skewY(2.8deg);filter:drop-shadow(0 0 8px rgba(200,169,81,0.32))}76%{transform:rotate(-6deg) translateX(-1px) scaleX(1) skewY(-1.2deg);filter:drop-shadow(0 0 5px rgba(200,169,81,0.25))}100%{transform:rotate(-7deg) translateX(0px) scaleX(1) skewY(-1.5deg);filter:drop-shadow(0 0 2px rgba(200,169,81,0.2))}}
@keyframes ballBounceLux{0%{transform:translateY(0) translateX(0) scale(1) rotateZ(0deg);filter:drop-shadow(0 0 4px rgba(255,107,107,0.35))}8%{transform:translateY(-65px) translateX(10px) scale(1.09) rotateZ(22deg);filter:drop-shadow(0 0 12px rgba(255,107,107,0.55))}16%{transform:translateY(0) translateX(32px) scale(0.94) rotateZ(65deg);filter:drop-shadow(0 0 6px rgba(255,107,107,0.3))}26%{transform:translateY(-58px) translateX(54px) scale(1.07) rotateZ(108deg);filter:drop-shadow(0 0 14px rgba(255,107,107,0.65))}36%{transform:translateY(0) translateX(75px) scale(0.92) rotateZ(155deg);filter:drop-shadow(0 0 8px rgba(255,107,107,0.4))}46%{transform:translateY(-52px) translateX(98px) scale(1.05) rotateZ(198deg);filter:drop-shadow(0 0 11px rgba(255,107,107,0.6))}57%{transform:translateY(0) translateX(120px) scale(0.97) rotateZ(245deg);filter:drop-shadow(0 0 9px rgba(255,107,107,0.45))}68%{transform:translateY(-38px) translateX(125px) scale(1.01) rotateZ(285deg);filter:drop-shadow(0 0 10px rgba(255,107,107,0.55))}80%{transform:translateY(0) translateX(118px) scale(0.98) rotateZ(330deg);filter:drop-shadow(0 0 7px rgba(255,107,107,0.4))}100%{transform:translateY(0) translateX(0) scale(1) rotateZ(0deg);filter:drop-shadow(0 0 4px rgba(255,107,107,0.35))}}@keyframes sunRotateLux{0%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 15px rgba(255,215,0,0.4))}25%{transform:rotate(90deg) scale(1.05);filter:drop-shadow(0 0 25px rgba(255,215,0,0.6))}50%{transform:rotate(180deg) scale(1);filter:drop-shadow(0 0 35px rgba(255,215,0,0.8))}75%{transform:rotate(270deg) scale(1.05);filter:drop-shadow(0 0 25px rgba(255,215,0,0.6))}100%{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 15px rgba(255,215,0,0.4))}}
@keyframes flagWaveLux{0%,100%{transform:skewY(-5deg) skewX(-2deg) rotateZ(-1deg);filter:drop-shadow(0 2px 8px rgba(165,28,43,0.4))}12%{transform:skewY(-15deg) skewX(4deg) rotateZ(2deg);filter:drop-shadow(0 4px 12px rgba(165,28,43,0.6))}25%{transform:skewY(-22deg) skewX(8deg) rotateZ(5deg);filter:drop-shadow(0 6px 15px rgba(165,28,43,0.7))}37%{transform:skewY(-18deg) skewX(5deg) rotateZ(3deg);filter:drop-shadow(0 4px 12px rgba(165,28,43,0.6))}50%{transform:skewY(-10deg) skewX(2deg) rotateZ(0deg);filter:drop-shadow(0 2px 8px rgba(165,28,43,0.4))}62%{transform:skewY(-20deg) skewX(6deg) rotateZ(4deg);filter:drop-shadow(0 5px 14px rgba(165,28,43,0.65))}75%{transform:skewY(-24deg) skewX(9deg) rotateZ(6deg);filter:drop-shadow(0 7px 16px rgba(165,28,43,0.75))}87%{transform:skewY(-16deg) skewX(3deg) rotateZ(2deg);filter:drop-shadow(0 3px 10px rgba(165,28,43,0.5))}}
@keyframes cloudFloatLux1{0%,100%{transform:translateX(-70px) translateY(0px) scaleX(1);opacity:0.7}25%{transform:translateX(-20px) translateY(-12px) scaleX(1.08);opacity:0.85}50%{transform:translateX(30px) translateY(0px) scaleX(1);opacity:0.8}75%{transform:translateX(0px) translateY(8px) scaleX(0.96);opacity:0.75}}
@keyframes cloudFloatLux2{0%,100%{transform:translateX(50px) translateY(0px) scaleX(1);opacity:0.65}25%{transform:translateX(0px) translateY(10px) scaleX(0.95);opacity:0.75}50%{transform:translateX(-50px) translateY(0px) scaleX(1);opacity:0.7}75%{transform:translateX(-20px) translateY(-8px) scaleX(1.05);opacity:0.8}}
@keyframes treeSwingLux{0%,100%{transform:rotateZ(-3deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,0.2))}25%{transform:rotateZ(5deg);filter:drop-shadow(0 10px 25px rgba(0,0,0,0.25))}50%{transform:rotateZ(-6deg);filter:drop-shadow(0 12px 30px rgba(0,0,0,0.3))}75%{transform:rotateZ(4deg);filter:drop-shadow(0 10px 25px rgba(0,0,0,0.25))}}
.splash-screen{position:fixed;inset:0;background:linear-gradient(135deg,#0D3B27 0%,#155233 35%,#0A2D1F 65%,#051D17 100%);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:fadeOutSplash 3.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards;flex-direction:column;backdrop-filter:blur(0px)}
.splash-background{position:absolute;inset:0;overflow:hidden;opacity:0.95;background:radial-gradient(ellipse at 50% 50%, rgba(200,169,81,0.05) 0%, transparent 70%)}
.splash-deco{position:absolute;border-radius:50%;opacity:0.08;filter:blur(3px);mix-blend-mode:screen}
.splash-deco-1{width:500px;height:500px;background:radial-gradient(circle,rgba(200,169,81,0.3),transparent);top:-150px;right:-150px;animation:decorFloat1Lux 16s ease-in-out infinite}
.splash-deco-2{width:450px;height:450px;background:radial-gradient(circle,rgba(165,28,43,0.2),transparent);bottom:-120px;left:-120px;animation:decorFloat2Lux 18s ease-in-out infinite}
.splash-sun{position:absolute;width:150px;height:150px;bottom:8%;right:6%;opacity:0.12;animation:sunRotateLux 25s linear infinite;filter:drop-shadow(0 0 40px rgba(255,215,0,0.3))}
.splash-container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1200px;width:100%;max-height:95vh;overflow:hidden;padding:2rem;gap:1rem}
.splash-header-section{text-align:center;color:var(--color-white);margin-bottom:2rem;animation:slideUpSplash 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.2s both;perspective:1200px}
.splash-logo-wrapper{position:relative;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;width:160px;height:160px;margin-left:auto;margin-right:auto}
.splash-logo{width:160px;height:160px;border-radius:24px;border:6px solid rgba(200,169,81,0.6);box-shadow:0 25px 60px rgba(0,0,0,0.5), 0 0 50px rgba(200,169,81,0.3), inset 0 0 40px rgba(200,169,81,0.15), inset 0 1px 0 rgba(255,255,255,0.3);filter:drop-shadow(0 0 20px rgba(200,169,81,0.25));animation:floatLogoLux 4s cubic-bezier(0.34,1.56,0.64,1) infinite, scaleInLux 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.1s both;object-fit:cover;backdrop-filter:blur(8px)}
.splash-logo-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,81,0.4),transparent 70%);border:3px solid rgba(200,169,81,0.3);animation:scaleInLux 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.3s both;box-shadow:0 0 50px rgba(200,169,81,0.4)}
.splash-title{font-family:var(--font-display);font-size:clamp(2.8rem,9vw,4.5rem);font-weight:900;letter-spacing:-0.04em;margin:0 0 0.8rem;text-shadow:0 8px 32px rgba(0,0,0,0.6), 0 0 40px rgba(200,169,81,0.3), 0 2px 8px rgba(0,0,0,0.4);animation:slideUpSplash 1.2s ease 0.3s both;line-height:1.1}
.splash-divider{width:120px;height:5px;background:linear-gradient(90deg,transparent,var(--color-gold),var(--color-accent),var(--color-gold),transparent);margin:1.2rem auto;border-radius:5px;animation:lineExpandLux 1s ease 0.5s both;box-shadow:0 0 30px rgba(200,169,81,0.5), inset 0 1px 2px rgba(255,255,255,0.3)}
.splash-subtitle-main{font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:800;margin:1rem 0 0;color:var(--color-gold);letter-spacing:0.03em;animation:slideUpSplash 1.2s ease 0.4s both;text-shadow:0 3px 15px rgba(0,0,0,0.5), 0 0 25px rgba(200,169,81,0.25)}
.splash-institution{font-size:clamp(0.8rem,1.8vw,1.05rem);margin:0.8rem 0 0;opacity:0.95;letter-spacing:0.12em;text-transform:uppercase;font-weight:800;animation:slideUpSplash 1.2s ease 0.5s both;text-shadow:0 2px 8px rgba(0,0,0,0.4);filter:drop-shadow(0 0 8px rgba(200,169,81,0.2))}
.splash-animation-section{display:flex;justify-content:center;align-items:center;flex:1;width:100%;max-width:100%;margin:2rem 0;animation:slideDownSplash 1.2s ease 0.6s both}
.splash-scene{width:100%;max-width:900px;height:auto;filter:drop-shadow(0 15px 40px rgba(0,0,0,0.3));animation:slideDownSplash 1.2s ease 0.6s both}
.flag-wave{animation:flagWaveLux 1.4s cubic-bezier(0.34,1.56,0.64,1) infinite;transform-origin:center}
.tree-swing{animation:treeSwingLux 4s ease-in-out infinite;transform-origin:center bottom}
.cloud-1{animation:cloudFloatLux1 9s cubic-bezier(0.45,0.05,0.55,0.95) infinite}
.cloud-2{animation:cloudFloatLux2 11s cubic-bezier(0.45,0.05,0.55,0.95) infinite}
.sun-element{animation:sunRotateLux 25s linear infinite}
.child-run{animation:childRunLux 14s ease-in-out infinite, glow 5s ease-in-out infinite}.child-run:nth-child(2){animation-delay:0s, 0s}.child-run:nth-child(4){animation-delay:-2.3s, -1.2s}.child-jump{animation:childJumpLux 10s ease-in-out infinite, glow 4s ease-in-out 0.5s infinite}.child-jump:nth-child(2){animation-delay:0s, 0s}.child-jump:nth-child(4){animation-delay:-3.1s, -2.1s}.child-play{animation:childPlayLux 11s ease-in-out infinite, glow 5.5s ease-in-out 0.8s infinite}.child-play:nth-child(2){animation-delay:0s, 0s}.child-play:nth-child(4){animation-delay:-2.7s, -1.8s}.ball-element{animation:ballBounceLux 12s ease-in-out infinite}.ball-shine{animation:ballBounceLux 12s ease-in-out infinite, shimmerLux 2s ease-in-out infinite}
.splash-footer-section{text-align:center;color:var(--color-white);animation:slideUpSplash 1.2s ease 0.7s both;margin-top:1.5rem}
.splash-features{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0;flex-wrap:wrap;animation:slideUpSplash 1.2s ease 0.8s both}
.feature{display:flex;align-items:center;justify-content:center;gap:0.8rem;font-size:clamp(0.8rem,1.3vw,1rem);font-weight:800;opacity:0.99;padding:0.9rem 1.6rem;background:linear-gradient(135deg,rgba(200,169,81,0.18),rgba(200,169,81,0.08));border-radius:35px;border:2px solid rgba(200,169,81,0.45);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);backdrop-filter:blur(8px);cursor:default;box-shadow:0 8px 20px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.15), 0 0 20px rgba(200,169,81,0.15);text-shadow:0 1px 2px rgba(0,0,0,0.3)}
.feature:hover{background:linear-gradient(135deg,rgba(200,169,81,0.28),rgba(200,169,81,0.15));border-color:rgba(200,169,81,0.65);transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px rgba(200,169,81,0.3), inset 0 1px 0 rgba(255,255,255,0.25), 0 0 30px rgba(200,169,81,0.25);filter:drop-shadow(0 0 10px rgba(200,169,81,0.3))}
.feature i{font-size:clamp(1rem,1.8vw,1.4rem);color:var(--color-gold);filter:drop-shadow(0 0 8px rgba(200,169,81,0.6));text-shadow:0 0 10px rgba(200,169,81,0.4)}
.splash-loader{width:180px;margin:2rem auto 1rem;height:6px;background:rgba(200,169,81,0.15);border-radius:6px;overflow:hidden;animation:slideUpSplash 1.2s ease 0.9s both;box-shadow:inset 0 2px 8px rgba(0,0,0,0.4), 0 0 15px rgba(200,169,81,0.2)}
.loader-bar{height:100%;background:linear-gradient(90deg,var(--color-gold) 0%,var(--color-accent) 50%,var(--color-gold) 100%);background-size:300% auto;animation:loadBarLux 2.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards, shimmerLux 2s ease-in-out 0.5s infinite;box-shadow:0 0 15px rgba(200,169,81,0.6), inset 0 1px 3px rgba(255,255,255,0.4), inset 0 -1px 3px rgba(0,0,0,0.2)}
.splash-loading-text{font-size:0.95rem;margin-top:1rem;opacity:0.85;letter-spacing:0.08em;font-weight:700;animation:slideUpSplash 1.2s ease 1s both;text-shadow:0 2px 8px rgba(0,0,0,0.3);color:rgba(255,255,255,0.9)}
@media (max-width:768px){
  .splash-container{max-height:100vh;padding:1.5rem}
  .splash-logo{width:130px;height:130px;border-width:5px}
  .splash-logo-glow{width:160px;height:160px}
  .splash-title{font-size:2.2rem}
  .splash-subtitle-main{font-size:1.2rem}
  .splash-divider{width:90px}
  .splash-scene{height:280px}
  .splash-features{gap:1.2rem;margin:1rem 0;flex-direction:row}
  .feature{padding:0.7rem 1.2rem;font-size:0.85rem;gap:0.5rem}
  .splash-loader{width:160px;height:5px}
}
@media (max-width:480px){
  .splash-container{max-height:100vh;padding:1rem;gap:0.8rem}
  .splash-logo{width:110px;height:110px;border-width:4px}
  .splash-logo-glow{width:140px;height:140px;border-width:2px}
  .splash-title{font-size:1.8rem;letter-spacing:-0.02em}
  .splash-subtitle-main{font-size:1rem}
  .splash-institution{font-size:0.75rem;letter-spacing:0.1em}
  .splash-divider{width:70px;height:3px}
  .splash-scene{height:220px}
  .splash-features{gap:0.8rem;flex-direction:column;padding:0 0.5rem;margin:0.8rem 0}
  .feature{width:100%;justify-content:center;padding:0.6rem 1rem;font-size:0.8rem}
  .splash-loader{width:140px;height:4px;margin:1.2rem auto 0.6rem}
  .splash-loading-text{font-size:0.85rem;margin-top:0.6rem}
}

/* Carrusel */
.carousel{position:relative;overflow:hidden;border-radius:12px;width:100%;aspect-ratio:16/9}
.carousel-track{display:flex;transition:transform 0.6s cubic-bezier(.22,.98,.36,1);height:100%}
.carousel-slide{min-width:100%;flex-shrink:0;height:100%}
.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.carousel-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;display:flex;gap:8px;z-index:10}
.carousel-dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,0.7);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:all 0.3s ease}
.carousel-dots button.active{background:var(--color-primary);width:12px;height:12px}

/* FAQ */
.faq{margin-top:1rem}
.faq-item{margin-bottom:0.6rem}
.faq-question{width:100%;text-align:left;padding:0.9rem;border-radius:8px;background:var(--color-off-white);border:1px solid #eee;cursor:pointer;font-weight:600}
.faq-answer{padding:0.9rem;background:#fff;border-left:4px solid var(--color-primary);display:none}

/* Footer */
.site-footer{background:var(--color-primary);color:var(--color-white);padding:2rem 0;margin-top:2rem}
.footer-inner{display:flex;gap:1rem;justify-content:space-between}
.footer-col h4{margin-bottom:0.5rem}
.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.06);opacity:0.9}

/* Support */
.support p{margin:0.35rem 0}

/* Responsive */
@media (max-width:900px){
  .hero-inner{flex-direction:column;text-align:center}
  .downloads-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{flex-direction:column;gap:1.25rem}
  .menu-toggle{display:block}
  .nav-menu{display:none;position:absolute;right:5%;top:72px;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.08)}
}