/* CICATRIZ t532 · animations ported from the t413 draft (stages 1–4) onto the live code. Active only with html.t532-motion
   (GSAP loaded AND prefers-reduced-motion: no-preference); without it the page renders exactly as before. Index only. */
/* stage 4 · dialogs: the opening popup is held invisible for the first frames so its reveal starts clean (failsafe 2.5s) */
@media (prefers-reduced-motion: no-preference){
 html.t532-dlg-pre #private-intro[open],html.t532-dlg-pre #private-intro[open]::backdrop{opacity:0}
 html.t532-dlg dialog.t532-dlg-in::backdrop{animation:t532-bd-in .5s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes t532-bd-in{from{opacity:0}to{opacity:1}}
.t532-ghost-layer{position:fixed;inset:0;z-index:2147483000;pointer-events:none;contain:strict}
.t532-ghost-bd{position:absolute;inset:0}
/* stage 3 · microinteractions (individual translate/scale properties; hover only on real hover devices).
   Not ported: simulator (sliders/numbers), People «Leer más», menu, footer. */
@media (prefers-reduced-motion: no-preference){
 html.t532-motion main .button,html.t532-motion dialog .button,html.t532-motion .sq-more,html.t532-motion .future-hope-cta,html.t532-motion .private-conversation,html.t532-motion .private-express{transition:background-color .2s,border-color .2s,color .2s,translate .45s cubic-bezier(.2,.8,.2,1),scale .2s cubic-bezier(.2,.8,.2,1)}
 html.t532-motion main .button:active,html.t532-motion dialog .button:active,html.t532-motion .sq-more:active{scale:.96}
 html.t532-motion .private-conversation::after,html.t532-motion .private-express::after{display:inline-block;transition:translate .45s cubic-bezier(.2,.8,.2,1)}
 html.t532-motion #catalog .art-button img{transition:scale 1.1s cubic-bezier(.2,.8,.2,1),opacity .16s}
 html.t532-motion .sq-banner img{transition:scale 1.2s cubic-bezier(.2,.8,.2,1)}
 @media (hover:hover) and (pointer:fine){
  html.t532-motion main .button:hover,html.t532-motion dialog .button:hover,html.t532-motion .future-hope-cta:hover,html.t532-motion .private-conversation:hover,html.t532-motion .private-express:hover{translate:0 -2px}
  html.t532-motion main .button:active,html.t532-motion dialog .button:active{translate:0 0}
  html.t532-motion .private-conversation:hover::after,html.t532-motion .private-express:hover::after{translate:4px 0}
  html.t532-motion #catalog .art-button:hover img{scale:1.035}
  html.t532-motion .sq-banner:hover img,html.t532-motion .sq-banner:focus-visible img{scale:1.045}
  html.t532-motion .sq-banner:hover .sq-more{background:var(--ink,#1c1c1b) !important;color:var(--paper,#faf9f6) !important}
 }
}