/* Landings del congreso — estilo común.
   Tokens de la web oficial: fondo #0B0B10/#07070B, acento #C4B5FD, texto #ECEBF5.
   Sin recursos externos: las fuentes están en ../fonts. */
@font-face{font-family:'Space Grotesk';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/space-grotesk-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/space-grotesk-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/space-grotesk-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/space-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/space-mono-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Bungee';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/bungee-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Noto Sans';font-weight:300;font-style:normal;font-display:swap;src:url('../fonts/noto-sans-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Noto Sans';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/noto-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Noto Sans';font-weight:600;font-style:normal;font-display:swap;src:url('../fonts/noto-sans-latin-600-normal.woff2') format('woff2')}

:root{
  --pa-bg:#0B0B10; --pa-shell:#07070B; --pa-surface:#16161F; --pa-text:#ECEBF5;
  --pa-accent:#C4B5FD; --pa-accent-2:#EFEAFF; --pa-btn-fg:#1A1730;
  --pa-border:rgba(196,181,253,.22); --pa-border-soft:rgba(196,181,253,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;
  background:var(--pa-shell);color:var(--pa-text);
  font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;
}
/* resplandor + rayas finas que recuerdan al logotipo */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
   radial-gradient(ellipse 85vmin 70vmin at 50% 30%,rgba(196,181,253,.22),rgba(196,181,253,0) 70%),
   repeating-linear-gradient(0deg,rgba(196,181,253,.035) 0 2px,transparent 2px 10px);
  -webkit-mask-image:radial-gradient(ellipse 120vmin 100vmin at 50% 35%,#000 30%,transparent 80%);
          mask-image:radial-gradient(ellipse 120vmin 100vmin at 50% 35%,#000 30%,transparent 80%)}
a{color:var(--pa-accent)}
:focus-visible{outline:2px solid var(--pa-accent);outline-offset:3px}

.top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,4vw,44px)}
.wordmark{font-family:'Bungee','Space Grotesk',sans-serif;font-size:clamp(15px,2.2vw,20px);letter-spacing:.02em;color:var(--pa-text);line-height:1}
.wordmark b{font-weight:400;color:var(--pa-accent)}
.lang{margin-left:auto;display:flex;gap:6px;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em}
.lang button{font:inherit;letter-spacing:inherit;color:var(--pa-text);opacity:.6;background:transparent;border:1px solid var(--pa-border-soft);border-radius:999px;padding:5px 11px;cursor:pointer}
.lang button[aria-pressed="true"]{opacity:1;border-color:var(--pa-accent);color:var(--pa-accent)}
.lang button:hover{opacity:1}

main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px clamp(20px,5vw,48px) 24px}
.robot-wrap{position:relative;width:min(62vw,300px,30dvh);margin-bottom:clamp(14px,3dvh,30px);animation:pa-float 4.4s ease-in-out infinite}
.robot-shake{width:100%}
.robot-shake.shake{animation:pa-shake .55s cubic-bezier(.36,.07,.19,.97) both}
.robot-wrap svg{width:100%;height:auto;display:block;overflow:visible;fill:var(--pa-accent);cursor:pointer;-webkit-tap-highlight-color:transparent}
#pa-eyes{transition:transform .28s cubic-bezier(.3,.7,.3,1)}
.eye{transform-box:fill-box;transform-origin:center;animation:pa-blink 5.3s infinite;transition:transform .2s}
.sleep .eye{animation:none;transform:scaleY(.07)}
#pa-head{transform-box:fill-box;transform-origin:50% 100%;animation:pa-sway 3.8s ease-in-out infinite}
#pa-head.wobble{animation:pa-wobble .7s ease-out both}
.glow{animation:pa-pulse 3.2s ease-in-out infinite;transition:opacity .4s}
.sleep .glow{animation:none;opacity:.18}
.zzz{position:absolute;right:-4%;top:-2%;font-family:'Space Mono',monospace;font-weight:700;color:var(--pa-accent);opacity:0;pointer-events:none}
.zzz span{position:absolute;left:0;top:0;font-size:clamp(16px,3.4vw,26px);opacity:0}
.sleep .zzz{opacity:1}
.sleep .zzz span{animation:pa-zzz 3.2s ease-in infinite}
.sleep .zzz span:nth-child(2){animation-delay:1s}
.sleep .zzz span:nth-child(3){animation-delay:2s}

.kicker{font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(11px,1.5vw,13px);color:var(--pa-accent);margin-bottom:12px}
h1{font-family:'Space Grotesk','Noto Sans',sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.04;font-size:clamp(30px,6.4vw,58px);max-width:18ch;text-wrap:balance}
h1 em{font-style:normal;color:var(--pa-accent)}
.lead{margin-top:14px;font-weight:300;font-size:clamp(16px,2.1vw,19px);max-width:42ch;color:var(--pa-text);opacity:.82;text-wrap:balance}
.btn{margin-top:clamp(18px,3.5dvh,30px);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--pa-btn-fg);background:var(--pa-accent);border:0;border-radius:999px;padding:14px 32px;cursor:pointer;transition:transform .12s,background .2s}
.btn:hover{background:var(--pa-accent-2)}
.btn:active{transform:scale(.95)}
.btn.ghost{background:transparent;color:var(--pa-accent);border:1px solid var(--pa-border);text-decoration:none;display:inline-block}
.btn[hidden]{display:none}
.reply{margin-top:18px;min-height:3.3em;max-width:34ch;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(17px,2.3vw,21px);line-height:1.3;color:var(--pa-text)}
.meter{margin-top:6px;min-height:1.2em;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--pa-accent);opacity:.7}
.foot{position:relative;z-index:1;text-align:center;padding:12px 20px 22px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pa-text);opacity:.45}

@keyframes pa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pa-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.07)}}
@keyframes pa-sway{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
@keyframes pa-wobble{0%{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-5deg)}100%{transform:rotate(0)}}
@keyframes pa-pulse{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes pa-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
@keyframes pa-zzz{0%{transform:translate(0,14px) scale(.6);opacity:0}20%{opacity:1}100%{transform:translate(18px,-46px) scale(1.25);opacity:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}