/* Refinamientos de navegación, movimiento y segundo acto. */
.particle-sanctuary{display:block;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.particle-sanctuary.is-dragging{cursor:grabbing}
.particle-sanctuary .sanctuary-shade{background:radial-gradient(circle at 50% 50%,rgba(183,37,143,.035),rgba(16,10,19,.12) 55%,rgba(16,10,19,.5) 100%)}

/* El logotipo y los enlaces recuperan contraste y respuesta táctil. */
.brand img{padding:2px;border-radius:50%;background:rgba(255,250,240,.44);filter:contrast(1.2) saturate(.9) drop-shadow(0 8px 16px rgba(76,39,47,.2))!important}
.nav-links a:hover{color:#8f208d!important;background:rgba(255,248,238,.72)!important;box-shadow:0 7px 18px rgba(66,29,73,.1);transform:translateY(-1px)}
.scrolled .nav-links a:hover{color:#fff!important;background:rgba(255,248,238,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}

/* Las entradas editoriales alternan de izquierda a derecha. */
.reveal{opacity:0!important;transition:opacity 1s var(--ease),transform 1.05s var(--ease)!important}
.reveal-from-left{transform:translate3d(-54px,14px,0)!important}
.reveal-from-right{transform:translate3d(54px,14px,0)!important}
.reveal.visible{opacity:1!important;transform:none!important}
.hero .reveal{transform:translateY(28px)!important}.hero .reveal.visible{transform:none!important}

/* Agua que converge hacia el centro. */
.contact-orb{width:min(92vw,1180px);background:radial-gradient(circle,rgba(255,248,239,.14) 0 2%,rgba(205,83,181,.1) 8%,rgba(117,43,155,.08) 34%,rgba(224,65,158,.045) 57%,transparent 73%);box-shadow:inset 0 0 150px rgba(166,52,171,.12)}
.contact-orb:before,.contact-orb:after{border-color:rgba(155,49,170,.22);box-shadow:0 0 30px rgba(211,58,164,.08)}
.contact-orb i{position:absolute!important;border:2px solid rgba(173,53,178,.34)!important;box-shadow:inset 0 0 42px rgba(227,89,187,.08),0 0 32px rgba(171,54,181,.12)!important;animation:waterConverge 7.2s cubic-bezier(.16,.75,.2,1) infinite!important}
.contact-orb i:nth-child(2){animation-delay:1.2s!important}.contact-orb i:nth-child(3){animation-delay:2.4s!important}.contact-orb i:nth-child(4){animation-delay:3.6s!important}.contact-orb i:nth-child(5){animation-delay:4.8s!important}.contact-orb i:nth-child(6){animation-delay:6s!important}
@keyframes waterConverge{0%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}16%{opacity:.82}70%{opacity:.34}100%{opacity:0;transform:translate(-50%,-50%) scale(.035)}}

@media(max-width:720px){
  .nav,.scrolled .nav{position:relative;padding:0 66px 0 6px!important;background:rgba(250,243,232,.96)!important;border-color:rgba(75,34,78,.09)!important;box-shadow:0 12px 34px rgba(68,31,67,.13)!important}
  .menu-toggle{display:grid!important;position:fixed!important;top:18px!important;right:18px!important;transform:none!important;z-index:1000!important}
  .menu-open .nav,.menu-open.scrolled .nav{background:#faf3e8!important}
  .nav-links{inset:82px 10px auto!important;width:auto!important;justify-self:stretch!important;max-height:calc(100svh - 94px)!important;min-height:0;justify-content:flex-start;gap:3px!important;padding:58px 16px 16px!important;border-radius:26px!important;background:#faf3e8!important;overflow:hidden!important;isolation:isolate}
  .menu-open .nav-links{opacity:1!important}
  .nav-links:before{content:""!important;position:absolute;inset:7% 4% 3%;z-index:-1;padding:0!important;background:url('/assets/images/logo/logo-aural-madera-512.webp') center 58%/min(66vw,330px) auto no-repeat;opacity:.14;filter:contrast(1.14) sepia(.2)}
  .nav-links:after{content:"MENÚ";position:absolute;top:22px;left:0;right:0;text-align:center;color:rgba(50,16,62,.5);font:600 9px "Syne",sans-serif;letter-spacing:.3em}
  .nav-links a{position:relative;z-index:1;justify-content:center;min-height:54px!important;padding:0 18px!important;font-size:12px!important;background:rgba(250,243,232,.7)!important}
  .nav-links a:hover,.nav-links a:active{color:#7d207f!important;background:rgba(127,42,137,.1)!important;box-shadow:inset 0 0 0 1px rgba(126,42,137,.08)}
  .nav-links a+a{border-top:1px solid rgba(50,16,62,.07)!important}
  .nav-links .mobile-menu-cta{display:flex!important;min-height:60px!important;margin-top:14px!important;background:linear-gradient(101deg,#3a154f,#7c247f 55%,var(--aural-magenta))!important}
  .hero h1{max-width:100%;font-size:clamp(32px,9vw,39px)!important;line-height:1.02!important;letter-spacing:-.025em!important;text-wrap:balance}
  .particle-sanctuary{min-height:780px!important;display:block!important;padding:0!important}
  .contact-orb{width:135vw}
}

@media(prefers-reduced-motion:reduce){.contact-orb i{animation:none!important}.reveal{opacity:1!important;transform:none!important}}