/* ================================================================
   ENJUVES · estilo grunge / collage / protesta
   Títulos: Adumu Regular → pon el archivo en /fuentes con el nombre
   Adumu-Regular.otf (o .ttf / .woff2). Mientras, se usa League Spartan.
   ================================================================ */
@font-face{
  font-family:"Adumu";
  src:url("../fuentes/Adumu-Regular.woff2") format("woff2"),
      url("../fuentes/Adumu-Regular.otf") format("opentype"),
      url("../fuentes/Adumu-Regular.ttf") format("truetype");
  font-display:swap;
}
:root{
  --verde:#04a777; --magenta:#d81159; --azul:#0496ff; --amarillo:#ffed47;
  --naranja:#fb8b24; --lima:#c1ff72; --rojo:#db3244; --mostaza:#e0dc2f;
  --oliva:#85ac39; --turquesa:#00a693; --negro:#201f1f; --papel:#f1f2f2;
  --blanco:#fff; --suave:#4b4946;
  --f-titulo:"Adumu","League Spartan",sans-serif;
  --f-sub:"League Spartan",sans-serif;
  --f-texto:"Poppins",system-ui,sans-serif;
  --sombra:6px 6px 0 var(--negro);
  --ruido:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --semitono:radial-gradient(rgba(255,255,255,.13) 1.3px,transparent 1.5px);
  --semitono-n:radial-gradient(rgba(32,31,31,.16) 1.3px,transparent 1.5px);
  --rasgado-abajo:polygon(0 0,100% 0,100.0% calc(100% - 10px),96.7% calc(100% - 12px),94.1% calc(100% - 2px),91.1% calc(100% - 3px),89.1% calc(100% - 1px),85.9% calc(100% - 6px),84.6% calc(100% - 13px),82.5% calc(100% - 7px),81.1% calc(100% - 13px),79.7% calc(100% - 18px),78.3% calc(100% - 7px),75.7% calc(100% - 18px),72.4% calc(100% - 18px),69.9% calc(100% - 1px),66.6% calc(100% - 1px),64.1% calc(100% - 4px),62.3% calc(100% - 4px),59.9% calc(100% - 18px),58.0% calc(100% - 5px),56.6% calc(100% - 18px),54.0% calc(100% - 11px),52.6% calc(100% - 2px),50.1% calc(100% - 6px),47.8% calc(100% - 17px),45.7% calc(100% - 10px),43.5% calc(100% - 14px),41.5% calc(100% - 7px),38.5% calc(100% - 7px),37.2% calc(100% - 9px),34.8% calc(100% - 10px),32.0% calc(100% - 9px),29.5% calc(100% - 2px),28.0% calc(100% - 13px),26.4% calc(100% - 10px),24.9% calc(100% - 15px),22.8% calc(100% - 2px),19.9% calc(100% - 18px),17.0% calc(100% - 10px),15.0% calc(100% - 11px),12.5% calc(100% - 18px),9.5% calc(100% - 2px),6.5% calc(100% - 8px),4.3% calc(100% - 2px),2.9% calc(100% - 9px),0.3% calc(100% - 14px),0 calc(100% - 6px));
  --rasgado-arriba:polygon(0.0% 12px,3.2% 11px,4.4% 14px,6.4% 3px,8.7% 6px,11.6% 4px,14.4% 12px,16.4% 15px,17.8% 14px,19.9% 8px,23.0% 13px,26.1% 8px,28.9% 11px,31.6% 12px,34.9% 4px,36.3% 4px,38.0% 7px,39.2% 18px,40.8% 9px,42.0% 13px,44.4% 18px,46.3% 4px,49.0% 16px,52.3% 1px,54.5% 17px,56.6% 12px,58.7% 15px,61.3% 1px,62.9% 6px,65.0% 3px,67.0% 1px,68.4% 18px,70.0% 3px,73.2% 0px,74.6% 6px,77.1% 4px,79.7% 11px,82.3% 15px,83.7% 15px,87.1% 14px,89.4% 9px,90.8% 3px,93.6% 8px,95.9% 5px,98.2% 6px,100% 8px,100% 100%,0 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:100px}
body{font-family:var(--f-texto);color:var(--negro);background:var(--papel);line-height:1.65;font-size:16.5px;position:relative;overflow-x:hidden}
/* grano de fotocopia sobre todo el sitio */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:var(--ruido);opacity:.22;mix-blend-mode:multiply}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2{font-family:var(--f-titulo);font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:-.01em}
h3,h4{font-family:var(--f-sub);font-weight:800;line-height:1.1}
.contenedor{width:min(1160px,100% - 32px);margin-inline:auto;position:relative}
.salto{position:absolute;left:-999px}
.salto:focus{left:16px;top:16px;z-index:200;background:var(--negro);color:#fff;padding:10px 16px}

/* ---------- utilidades de collage ---------- */
.rasgado{clip-path:var(--rasgado-abajo);padding-bottom:120px!important;margin-bottom:-40px;position:relative;z-index:1}
.semitono{background-image:var(--semitono);background-size:9px 9px}
.tira{display:inline-block;padding:.06em .22em .02em;margin:.05em 0;box-shadow:4px 4px 0 var(--negro)}
.t-magenta{background:var(--magenta);color:#fff}.t-amarillo{background:var(--amarillo);color:var(--negro)}
.t-lima{background:var(--lima);color:var(--negro)}.t-azul{background:var(--azul);color:#fff}
.t-naranja{background:var(--naranja);color:var(--negro)}.t-verde{background:var(--verde);color:#fff}
.t-negro{background:var(--negro);color:#fff;box-shadow:4px 4px 0 var(--magenta)}
.t-blanco{background:#fff;color:var(--negro)}
.rot-1{transform:rotate(-2.5deg)}.rot-2{transform:rotate(1.8deg)}.rot-3{transform:rotate(-1deg)}.rot-4{transform:rotate(3deg)}
.marcador{background:linear-gradient(100deg,transparent 2%,var(--amarillo) 4%,var(--amarillo) 94%,transparent 97%) 0 70%/100% 55% no-repeat;padding:0 .1em}
.cinta{position:relative}
.cinta::before{content:"";position:absolute;top:-14px;left:50%;width:110px;height:30px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,237,71,.75);box-shadow:0 1px 2px rgba(0,0,0,.15);z-index:2;
  clip-path:polygon(3% 0,97% 4%,100% 30%,96% 55%,100% 100%,2% 96%,0 60%,4% 35%)}
.cinta.c-lima::before{background:rgba(193,255,114,.8)}
.cinta.c-azul::before{background:rgba(4,150,255,.55)}
.cinta.c-rosa::before{background:rgba(216,17,89,.5)}
.sello{display:inline-grid;place-items:center;text-align:center;width:150px;height:150px;border-radius:50%;border:5px double currentColor;color:var(--magenta);font-family:var(--f-sub);font-weight:800;text-transform:uppercase;line-height:1.05;font-size:.95rem;transform:rotate(-12deg);padding:14px;opacity:.92;
  -webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}
.sello strong{font-family:var(--f-titulo);font-size:1.9rem;display:block}

/* ---------- franja y encabezado ---------- */
.franja{display:flex;height:7px}
.franja i{flex:1}
.franja i:nth-child(1){background:var(--verde)}.franja i:nth-child(2){background:var(--magenta)}.franja i:nth-child(3){background:var(--azul)}
.franja i:nth-child(4){background:var(--amarillo)}.franja i:nth-child(5){background:var(--naranja)}.franja i:nth-child(6){background:var(--lima)}
.encabezado{position:sticky;top:0;z-index:50;background:#fff;border-bottom:3px solid var(--negro)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:18px}
.marca img{height:54px;width:auto}
.menu{display:flex;align-items:center;gap:2px;list-style:none}
.menu>li{position:relative}
.menu a,.menu button{font-family:var(--f-sub);font-weight:800;text-transform:uppercase;font-size:.92rem;letter-spacing:.02em;text-decoration:none;background:none;border:0;cursor:pointer;color:var(--negro);padding:10px 10px;display:flex;align-items:center;gap:6px}
.menu>li>a:hover,.item:hover>a{background:linear-gradient(transparent 55%,var(--amarillo) 55%)}
.menu a[aria-current="page"]{background:linear-gradient(transparent 50%,var(--lima) 50%)}
.item{display:flex;align-items:center}
.item>a{padding-right:2px}
.toggle{padding:10px 6px!important}
.toggle svg{width:12px;height:12px;transition:transform .2s}
.toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.submenu{list-style:none;position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:#fff;border:3px solid var(--negro);box-shadow:var(--sombra);padding:6px;display:none;transform:rotate(-.6deg)}
.submenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.submenu a{font-family:var(--f-texto);text-transform:none;font-weight:500;font-size:.93rem;padding:9px 12px;letter-spacing:0}
.submenu a:hover{background:var(--amarillo)}
.menu>li.abierto .submenu{display:block}
@media (hover:hover) and (min-width:1101px){.menu>li:hover .submenu,.menu>li:focus-within .submenu{display:block}}
.cta-nav{background:var(--magenta)!important;color:#fff!important;padding:10px 18px!important;border:3px solid var(--negro);box-shadow:3px 3px 0 var(--negro);margin-left:8px;transform:rotate(-2deg)}
.cta-nav:hover{transform:rotate(0)}
.hamburguesa{display:none;background:var(--amarillo);border:3px solid var(--negro);cursor:pointer;padding:6px 8px;box-shadow:3px 3px 0 var(--negro)}
.hamburguesa span{display:block;width:24px;height:3px;background:var(--negro);margin:4px 0}
@media (max-width:1100px){
  .hamburguesa{display:block}
  .menu{position:fixed;top:88px;left:0;right:0;bottom:0;background:var(--papel);flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 40px;overflow:auto;display:none}
  .menu.abierto{display:flex}
  .menu>li{border-bottom:2px dashed rgba(32,31,31,.25)}
  .menu a,.menu button{font-size:1.25rem;padding:16px 6px}
  .item{justify-content:space-between}
  .submenu{position:static;box-shadow:none;border:0;background:none;transform:none;padding:0 0 10px 14px;min-width:0}
  .submenu a{font-size:1rem;padding:9px 6px}
  .cta-nav{justify-content:center;margin:20px 0 0}
  .menu>li:last-child{border:0}
}

/* ---------- botones ---------- */
.boton{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-sub);font-weight:800;text-transform:uppercase;font-size:1rem;letter-spacing:.03em;text-decoration:none;padding:14px 24px;border:3px solid var(--negro);box-shadow:5px 5px 0 var(--negro);cursor:pointer;transition:transform .12s,box-shadow .12s}
.boton:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--negro)}
.b-magenta{background:var(--magenta);color:#fff}.b-amarillo{background:var(--amarillo);color:var(--negro)}
.b-lima{background:var(--lima);color:var(--negro)}.b-blanco{background:#fff;color:var(--negro)}
.oscuro .boton{border-color:#fff;box-shadow:5px 5px 0 #fff}
.oscuro .boton:hover{box-shadow:2px 2px 0 #fff}

/* ---------- portada ---------- */
.portada{background-color:var(--negro);color:#fff;overflow:hidden}
.portada .contenedor{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding:70px 0 40px}
.kicker{font-family:var(--f-sub);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;display:inline-block;border:2px solid var(--lima);color:var(--lima);padding:6px 12px;margin-bottom:26px;transform:rotate(-1deg)}
.lema{font-size:clamp(2.6rem,7.6vw,6.2rem);display:flex;flex-direction:column;align-items:flex-start;gap:.12em}
.lema .grande{font-size:1.35em;color:#fff;text-shadow:4px 4px 0 var(--magenta),-2px -2px 0 var(--azul);margin-top:.08em}
.portada p.lead{font-size:1.12rem;max-width:54ch;margin:30px 0 32px;color:rgba(255,255,255,.88)}
.acciones{display:flex;gap:16px;flex-wrap:wrap}
.collage{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:1/1.08}
.collage .hoja{position:absolute;inset:6% 4% 10% 6%;background:#fff;transform:rotate(4deg);box-shadow:8px 8px 0 var(--magenta);
  clip-path:polygon(2% 3%,20% 0,48% 2%,70% 0,98% 3%,100% 30%,97% 55%,100% 80%,97% 99%,70% 97%,45% 100%,22% 97%,0 99%,3% 70%,0 40%)}
.collage .hoja::after{content:"";position:absolute;inset:0;background-image:var(--semitono-n);background-size:8px 8px}
.collage img{position:absolute;inset:14% 14% 20% 14%;width:72%;z-index:2;transform:rotate(-4deg);filter:drop-shadow(4px 4px 0 rgba(0,0,0,.25))}
.collage .sello{position:absolute;right:-18px;bottom:-6px;z-index:3;background:var(--amarillo);color:var(--negro);box-shadow:4px 4px 0 var(--magenta)}
.collage .cinta-suelta{position:absolute;width:120px;height:32px;background:rgba(193,255,114,.85);top:2%;left:-4%;transform:rotate(-28deg);z-index:3}

/* ---------- cabecera de páginas internas ---------- */
.cabecera{background-color:var(--fondo,var(--verde));color:var(--tinta,#fff);padding:70px 0 0;overflow:hidden}
.cabecera.semitono{background-image:var(--semitono)}
.cabecera h1{font-size:clamp(2.6rem,8vw,5.6rem);display:flex;flex-direction:column;align-items:flex-start;gap:.08em}
.cabecera p{max-width:60ch;font-size:1.12rem;margin-top:26px;font-weight:500}
.migas{font-family:var(--f-sub);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;margin-bottom:20px;display:inline-block;background:var(--negro);color:#fff;padding:4px 10px;transform:rotate(-1deg)}
.migas a{text-decoration:none}

/* ---------- secciones ---------- */
section{padding:90px 0}
.oscuro{background-color:var(--negro);color:#fff;background-image:var(--semitono);background-size:9px 9px}
.blanco{background:#fff}
.etiqueta-sec{display:inline-block;font-family:var(--f-sub);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;background:var(--negro);color:var(--amarillo);padding:5px 12px;margin-bottom:18px;transform:rotate(-1.5deg)}
.oscuro .etiqueta-sec{background:var(--amarillo);color:var(--negro)}
.titulo{font-size:clamp(2.2rem,5.4vw,4rem);margin-bottom:22px;max-width:18ch}
.intro{max-width:64ch;font-size:1.08rem;color:var(--suave)}
.oscuro .intro{color:rgba(255,255,255,.85)}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cita{font-family:var(--f-sub);font-weight:800;font-size:1.6rem;line-height:1.2;text-transform:uppercase}

/* ---------- tarjetas tipo papel ---------- */
.rejilla{display:grid;gap:30px 26px;margin-top:46px}
.r2{grid-template-columns:repeat(2,1fr)}.r3{grid-template-columns:repeat(3,1fr)}.r4{grid-template-columns:repeat(4,1fr)}
.papel{background:#fff;border:3px solid var(--negro);box-shadow:var(--sombra);padding:30px 26px 26px;position:relative;color:var(--negro)}
.rejilla>.papel:nth-child(odd){transform:rotate(-.8deg)}
.rejilla>.papel:nth-child(even){transform:rotate(.7deg)}
.rejilla>.papel:nth-child(3n){transform:rotate(-.3deg)}
.papel h3{font-size:1.32rem;text-transform:uppercase;margin:6px 0 10px}
.papel p,.papel li{color:var(--suave);font-size:.97rem}
.papel .num{font-family:var(--f-titulo);font-size:2.6rem;line-height:1;color:var(--acento,var(--magenta));-webkit-text-stroke:2px var(--negro)}
.papel.a-verde{--acento:var(--verde)}.papel.a-azul{--acento:var(--azul)}.papel.a-naranja{--acento:var(--naranja)}
.papel.a-magenta{--acento:var(--magenta)}.papel.a-lima{--acento:var(--lima)}.papel.a-amarillo{--acento:var(--amarillo)}
.papel.relleno{background:var(--acento)}
.papel.relleno p{color:var(--negro)}
.lista-punk{list-style:none;display:grid;gap:10px;margin-top:14px}
.lista-punk li{padding-left:30px;position:relative}
.lista-punk li::before{content:"✷";position:absolute;left:0;top:-1px;color:var(--magenta);font-size:1.2rem}
.oscuro .lista-punk li{color:rgba(255,255,255,.88)}
.oscuro .lista-punk li::before{color:var(--lima)}

/* ---------- ficha de identidad ---------- */
.ficha{background:#fff;border:3px solid var(--negro);box-shadow:var(--sombra);transform:rotate(1deg)}
.ficha div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:13px 20px;border-bottom:2px dashed rgba(32,31,31,.3)}
.ficha div:last-child{border:0}
.ficha dt{font-family:var(--f-sub);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em;color:var(--magenta)}
.ficha dd{font-weight:500}

/* ---------- cifras ---------- */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px}
.cifra{border:3px solid var(--negro);padding:24px 18px;box-shadow:var(--sombra);text-align:left}
.cifra:nth-child(1){background:var(--lima);transform:rotate(-2deg)}.cifra:nth-child(2){background:var(--amarillo);transform:rotate(1.5deg)}
.cifra:nth-child(3){background:var(--naranja);transform:rotate(-1deg)}.cifra:nth-child(4){background:var(--azul);color:#fff;transform:rotate(2deg)}
.cifra strong{font-family:var(--f-titulo);font-size:3.6rem;line-height:.9;display:block}
.cifra span{font-family:var(--f-sub);font-weight:700;text-transform:uppercase;font-size:.9rem;line-height:1.2;display:block;margin-top:8px}

/* ---------- pancartas (enfoques / aliados) ---------- */
.pancartas{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.pancarta{font-family:var(--f-sub);font-weight:800;text-transform:uppercase;font-size:1.05rem;padding:12px 18px;border:3px solid var(--negro);box-shadow:4px 4px 0 var(--negro);background:#fff}
.pancarta:nth-child(6n+1){background:var(--verde);color:#fff;transform:rotate(-2deg)}
.pancarta:nth-child(6n+2){background:var(--magenta);color:#fff;transform:rotate(1.5deg)}
.pancarta:nth-child(6n+3){background:var(--azul);color:#fff;transform:rotate(-1deg)}
.pancarta:nth-child(6n+4){background:var(--amarillo);color:var(--negro);transform:rotate(2deg)}
.pancarta:nth-child(6n+5){background:var(--naranja);color:var(--negro);transform:rotate(-1.5deg)}
.pancarta:nth-child(6n+6){background:var(--lima);color:var(--negro);transform:rotate(1deg)}
.etiquetas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.etiquetas span{font-family:var(--f-sub);font-weight:700;padding:10px 16px;background:#fff;color:var(--negro);border:2px solid var(--negro);transform:rotate(var(--r,0deg))}
.etiquetas span:nth-child(3n+1){--r:-1.5deg}.etiquetas span:nth-child(3n+2){--r:1.2deg}

/* ---------- línea de tiempo ---------- */
.tiempo{display:grid;gap:40px;margin-top:50px;position:relative}
.tiempo::before{content:"";position:absolute;left:84px;top:0;bottom:0;border-left:4px dashed var(--negro)}
.hito{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:start}
.hito .anio{font-family:var(--f-titulo);font-size:2.6rem;line-height:1;background:var(--negro);color:var(--amarillo);padding:10px 12px;text-align:center;transform:rotate(-3deg);position:relative;z-index:1;box-shadow:4px 4px 0 var(--magenta)}
.hito:nth-child(even) .anio{transform:rotate(2deg);color:var(--lima);box-shadow:4px 4px 0 var(--azul)}

/* ---------- noticias / historias ---------- */
.nota{background:#fff;border:3px solid var(--negro);box-shadow:var(--sombra);display:flex;flex-direction:column;position:relative}
.rejilla>.nota:nth-child(odd){transform:rotate(-.6deg)}.rejilla>.nota:nth-child(even){transform:rotate(.6deg)}
.nota .portadilla{aspect-ratio:16/9;background-color:var(--acento,var(--verde));background-image:var(--semitono-n);background-size:8px 8px;display:grid;place-items:center;border-bottom:3px solid var(--negro);position:relative;overflow:hidden}
.nota .portadilla .palabra{font-family:var(--f-titulo);font-size:2.4rem;text-transform:uppercase;color:#fff;-webkit-text-stroke:2px var(--negro);transform:rotate(-6deg);text-align:center;line-height:.9;padding:0 10px}
.nota .cuerpo{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.nota .tag{font-family:var(--f-sub);font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;background:var(--negro);color:#fff;padding:3px 8px;align-self:flex-start}
.nota h3{font-size:1.25rem;text-transform:uppercase}
.nota p{color:var(--suave);font-size:.95rem}
.a-verde{--acento:var(--verde)}.a-azul{--acento:var(--azul)}.a-naranja{--acento:var(--naranja)}.a-magenta{--acento:var(--magenta)}.a-lima{--acento:var(--lima)}.a-amarillo{--acento:var(--amarillo)}.a-turquesa{--acento:var(--turquesa)}.a-rojo{--acento:var(--rojo)}

/* ---------- coordinaciones ---------- */
.coord{background:#fff;border:3px solid var(--negro);box-shadow:var(--sombra);padding:28px 24px 24px;position:relative}
.coord .icono{width:64px;height:64px;display:grid;place-items:center;background:var(--acento,var(--magenta));border:3px solid var(--negro);font-family:var(--f-titulo);font-size:1.8rem;color:var(--negro);transform:rotate(-6deg);margin-bottom:16px}
.coord h3{font-size:1.25rem;text-transform:uppercase;margin-bottom:8px}
.coord p{color:var(--suave);font-size:.95rem}
.coord .persona{margin-top:14px;padding-top:12px;border-top:2px dashed rgba(32,31,31,.3);font-family:var(--f-sub);font-weight:700;font-size:.92rem}
.rejilla>.coord:nth-child(odd){transform:rotate(-.7deg)}.rejilla>.coord:nth-child(even){transform:rotate(.6deg)}

/* ---------- tabla de datos ---------- */
.datos-evento{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid var(--negro);background:#fff;margin-top:36px;box-shadow:var(--sombra)}
.datos-evento div{padding:20px;border-right:3px solid var(--negro)}
.datos-evento div:last-child{border:0}
.datos-evento dt{font-family:var(--f-sub);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;color:var(--magenta)}
.datos-evento dd{font-family:var(--f-sub);font-weight:800;font-size:1.2rem;line-height:1.2;margin-top:4px;color:var(--negro)}

/* ---------- pasos ---------- */
.pasos{counter-reset:paso;display:grid;gap:22px;margin-top:40px}
.paso{display:flex;gap:20px;align-items:center;background:#fff;border:3px solid var(--negro);padding:20px;box-shadow:var(--sombra)}
.paso:nth-child(odd){transform:rotate(-.5deg)}.paso:nth-child(even){transform:rotate(.5deg)}
.paso::before{counter-increment:paso;content:counter(paso);flex:0 0 56px;height:56px;display:grid;place-items:center;font-family:var(--f-titulo);font-size:1.9rem;background:var(--amarillo);border:3px solid var(--negro);transform:rotate(-6deg)}
.paso:nth-child(2)::before{background:var(--lima)}.paso:nth-child(3)::before{background:var(--naranja)}.paso:nth-child(4)::before{background:var(--magenta);color:#fff}
.paso h3{font-size:1.15rem;text-transform:uppercase;margin-bottom:2px}
.paso p{color:var(--suave)}

/* ---------- formulario ---------- */
form{background:#fff;border:3px solid var(--negro);box-shadow:8px 8px 0 var(--magenta);padding:34px;display:grid;gap:16px;color:var(--negro);transform:rotate(.6deg)}
label{font-family:var(--f-sub);font-weight:800;text-transform:uppercase;font-size:.88rem;letter-spacing:.05em;display:grid;gap:6px}
input,select,textarea{font:inherit;font-family:var(--f-texto);text-transform:none;letter-spacing:0;font-weight:400;font-size:1rem;padding:12px 14px;border:3px solid var(--negro);border-radius:0;width:100%;background:var(--papel)}
input:focus,select:focus,textarea:focus{outline:none;background:#fff;box-shadow:4px 4px 0 var(--amarillo)}
.oculto{display:none}
.correo{font-family:var(--f-sub);font-weight:800;font-size:clamp(1.3rem,3vw,1.9rem);text-decoration:none;display:inline-block;margin-top:22px;background:var(--lima);color:var(--negro);padding:6px 14px;transform:rotate(-1.5deg);box-shadow:5px 5px 0 #fff}
.redes{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.redes a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--f-sub);font-weight:800;text-transform:uppercase;padding:10px 16px;border:2px solid currentColor}
.redes svg{width:18px;height:18px}
.aviso{border:3px dashed var(--negro);padding:22px;text-align:center;font-weight:500;background:#fff;margin-top:40px}
.nota-chica{font-size:.85rem;color:var(--suave);margin-top:26px;max-width:70ch;font-style:italic}

/* ---------- pie ---------- */
.pie{background-color:var(--negro);background-image:var(--semitono);background-size:9px 9px;color:rgba(255,255,255,.78);padding:100px 0 30px;clip-path:var(--rasgado-arriba);margin-top:-10px;position:relative;z-index:2}
.pie-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.pie img{height:74px;width:auto;margin-bottom:18px}
.pie h4{color:var(--amarillo);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
.pie ul{list-style:none;display:grid;gap:8px}
.pie a{text-decoration:none}
.pie a:hover{color:var(--lima)}
.pie-final{border-top:2px dashed rgba(255,255,255,.25);margin-top:50px;padding-top:24px;font-size:.88rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---------- responsivo ---------- */
@media (max-width:960px){
  .portada .contenedor,.dos-col{grid-template-columns:1fr}
  .collage{width:min(280px,80%);order:-1}
  .r3,.r4,.cifras{grid-template-columns:1fr 1fr}
  .datos-evento{grid-template-columns:1fr 1fr}
  .datos-evento div:nth-child(2){border-right:0}
  .datos-evento div:nth-child(-n+2){border-bottom:3px solid var(--negro)}
  .pie-grid{grid-template-columns:1fr}
  section{padding:70px 0}
}
@media (max-width:620px){
  .r2,.r3,.r4{grid-template-columns:1fr}
  .marca img{height:44px}
  .hito{grid-template-columns:1fr;gap:14px}
  .hito .anio{justify-self:start}
  .tiempo::before{left:28px}
  .ficha div{grid-template-columns:1fr;gap:2px}
  .cifra strong{font-size:2.8rem}
  .sello{width:120px;height:120px;font-size:.78rem}
  .sello strong{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}