/* Anyma presenta ÆDEN · Bogotá 2027 · Landing de prerregistro
   Página simple al estilo de la de Camilo: arte a todo el ancho, un botón de
   prerregistro que lleva a anyma.com/tour y pie con los
   datos legales. Colores sacados del
   arte (tierra, piedra, cielo). */

:root{
  --fondo:#100d0b;
  --piedra:#e9dfcb;
  --piedra-clara:#fbf8f2;
  --piedra-oscura:#cfc2a8;
  --tinta:#1a140f;
  --texto:#f3eee6;
  --texto-suave:#b7ab9b;
  --cielo:#8fc3ec;
  --linea:#2a231d;
  --fuente:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:16px;line-height:1.5}
img{display:block;max-width:100%;height:auto}
h1,p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--cielo);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.saltar{position:absolute;left:16px;top:-60px;z-index:10;padding:12px 16px;background:var(--piedra);color:var(--tinta);font-weight:600;border-radius:8px}
.saltar:focus{top:12px}

/* Cabecera sobre el cielo del arte */
.cabecera{position:absolute;top:0;left:0;right:0;z-index:2;padding:20px clamp(16px,6vw,96px)}
.cabecera img{width:clamp(120px,12vw,170px)}

/* Hero: solo el arte (ya trae nombre, fecha, lugar y logos) */
.hero{position:relative}
.hero img{width:100%}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,transparent,var(--fondo));pointer-events:none}

/* Prerregistro */
.registro{padding:48px 16px 80px;text-align:center}
.registro__titulo{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.15}
.registro__datos{margin-top:12px;font-size:15px;font-weight:500;color:var(--texto-suave)}

.boton{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:52px;margin-top:32px;padding:0 32px;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--tinta);background:var(--piedra);border-radius:8px;transition:background-color .15s}
.boton:hover{background:var(--piedra-clara)}
.boton:active{background:var(--piedra-oscura)}

/* Pie: datos legales, como en Camilo */
.pie{padding:clamp(32px,5vw,56px) 16px;border-top:1px solid var(--linea)}
.datos-legales{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px clamp(32px,6vw,80px);margin:0;text-align:center}
.datos-legales dt{margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-suave)}
.datos-legales dd{margin:0;font-size:clamp(15px,1.6vw,18px);font-weight:500;letter-spacing:.03em}

@media (min-width:1024px){
  .registro{padding-top:64px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important}
}