@font-face{font-family:'Alegreya';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/alegreya-400i.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Alegreya';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/alegreya-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Alegreya';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/alegreya-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Alfa Slab One';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/alfa-slab-one-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/special-elite-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}/* Entender la Historia: papel clavado sobre fondo de cartas viejas, como el cartel */
:root{
  --fondo:#d6c8b0; --hoja:#f6f4ef; --tinta:#46372e; --tinta-2:#6d5d52; --lavanda:#5f4f8f; --lavanda-2:#ece8f4;
  --rosa:#b07484; --laton:#b8894e; --linea:#d9d1c4;
  --f-marca:'Alfa Slab One',Rockwell,'Roboto Slab',Georgia,serif;
  --f-maquina:'Special Elite','Courier New',Courier,monospace;
  --f-texto:'Alegreya',Georgia,'Times New Roman',serif;
  --ancho:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;color:var(--tinta);font:400 1.125rem/1.6 var(--f-texto);
  background:var(--fondo) url(/img/deco/papel-carta.webp) center top/1400px auto repeat;background-blend-mode:multiply}
img{max-width:100%;height:auto;display:block}
a{color:var(--lavanda);text-underline-offset:.18em}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--lavanda);outline-offset:3px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;font-weight:700}
p{margin:0 0 1em}
.saltar{position:absolute;left:-999px;top:0;background:var(--hoja);padding:.5rem 1rem;z-index:20}
.saltar:focus{left:1rem}

/* cabecera */
.cab{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.6rem max(1rem,calc((100% - var(--ancho))/2));background:rgba(246,244,239,.94);
  border-bottom:1px solid var(--linea);backdrop-filter:blur(6px)}
.marca{font-family:var(--f-marca);font-size:1.25rem;color:var(--tinta);text-decoration:none;letter-spacing:.01em}
.menu{display:flex;gap:1.3rem;flex-wrap:wrap}
.menu a{color:var(--tinta);text-decoration:none;font-size:1.02rem}
.menu a:hover,.menu a[aria-current]{color:var(--lavanda);text-decoration:underline;text-decoration-thickness:2px}
.menu-btn{display:none;font:inherit;background:none;border:1px solid var(--tinta-2);border-radius:4px;padding:.25rem .8rem;color:var(--tinta)}

/* hoja de papel */
.hoja{position:relative;background:var(--hoja);padding:clamp(1.4rem,3vw,2.6rem);
  box-shadow:0 1px 1px rgba(70,55,46,.12),0 10px 26px -12px rgba(70,55,46,.45)}
.pin{position:absolute;top:-11px;left:50%;width:26px;height:26px;margin-left:-13px;
  background:url(/img/deco/chincheta.webp) center/contain no-repeat;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}
.marco{display:block;background:var(--hoja);padding:8px;border:3px double #a8926f;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}

main{overflow-x:clip}
.seccion{max-width:var(--ancho);margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 1rem}
.seccion-t{font-family:var(--f-marca);font-weight:400;font-size:clamp(1.9rem,4vw,2.6rem);text-align:center;margin-bottom:1.4rem;
  color:var(--tinta);text-shadow:2px 2px 0 rgba(246,244,239,.8)}
.intro,.centro,.nota{text-align:center}
.intro{max-width:38rem;margin:0 auto 1.6rem}
.nota{font-size:.98rem;color:var(--tinta-2);margin-top:1.6rem}

/* hero */
.hero{position:relative;max-width:var(--ancho);margin:0 auto;padding:clamp(2.4rem,6vw,4.5rem) 1rem 2rem;
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero-hoja{text-align:center;z-index:2;position:relative;padding-bottom:3.2rem}
.hero-hoja::after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:34px;
  background:url(/img/deco/borde-rasgado.webp) bottom/100% 100% no-repeat}
.titulo{font-family:var(--f-marca);font-weight:400;font-size:clamp(2.9rem,8.4vw,5.6rem);line-height:.98;margin:.35em 0 .35em;
  color:#5b4639;text-shadow:3px 3px 0 #d8cbbb,5px 5px 7px rgba(70,55,46,.25)}
.fechas{font-family:var(--f-maquina);font-size:clamp(1.25rem,2.6vw,1.65rem);letter-spacing:.02em;margin-bottom:.4em}
.zona,.pueblos{font-family:var(--f-maquina);color:var(--tinta-2);margin:0 0 .2em}
.pueblos{font-size:.95rem}
.entradilla{max-width:31rem;margin:1.4rem auto 1.6rem}
.botones{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:0}
.boton{display:inline-block;font-family:var(--f-maquina);font-size:1.05rem;text-decoration:none;color:var(--hoja);background:var(--lavanda);
  padding:.7rem 1.3rem;border-radius:3px;box-shadow:0 2px 0 #3f3466}
.boton:hover{background:#4b3d77;color:var(--hoja)}
.boton-2{background:transparent;color:var(--tinta);border:1.5px solid var(--tinta);box-shadow:none}
.boton-2:hover{background:var(--tinta);color:var(--hoja)}
.hero-cartel{display:block;transform:rotate(2.2deg);z-index:1;transition:transform .25s}
.hero-cartel:hover{transform:rotate(.8deg) scale(1.01)}
.deco{position:absolute;pointer-events:none;z-index:3}
.deco-flores{width:clamp(90px,12vw,160px);left:max(-1.5rem,calc(50% - 650px));top:38%;transform:rotate(-12deg);z-index:1}
.deco-rosa{width:clamp(80px,11vw,150px);right:max(-1.5rem,calc(50% - 600px));bottom:-1rem;transform:rotate(18deg)}

/* programa */
.programa{columns:2;column-gap:2rem}
.dia{padding-top:1.6rem;break-inside:avoid;margin-bottom:2.4rem;display:block}
.dia:last-child{margin-bottom:0}
.dia:nth-child(odd){transform:rotate(-.5deg)} .dia:nth-child(even){transform:rotate(.45deg)}
.dia-fecha{font-family:var(--f-maquina);font-weight:400;font-size:1.45rem;margin:0 0 .2rem;
  border-bottom:2px solid var(--tinta);padding-bottom:.35rem;display:inline-block}
.dia-lugar{color:var(--tinta-2);margin:.5rem 0 1rem;line-height:1.35}
.pueblo{font-weight:700;color:var(--tinta);font-size:1.15rem}
.horas{list-style:none;margin:0;padding:0}
.horas li{display:grid;grid-template-columns:4.1rem 1fr;gap:.6rem;padding:.55rem 0;border-top:1px dashed var(--linea)}
.horas li:first-child{border-top:0}
.horas time{font-family:var(--f-maquina);color:var(--lavanda);padding-top:.12rem}
.horas p{margin:0;line-height:1.45}
.horas .dest p{font-weight:700}
.horas b{font-weight:700;color:var(--tinta)}
.horas .dest b{color:var(--lavanda)}
.programa + .expo.solo{margin-top:2.4rem}

/* ponentes */
.ponentes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.8rem}
.ponente figure{margin:0}
.ponente:nth-child(3n+1) .marco{transform:rotate(-1.6deg)} .ponente:nth-child(3n+2) .marco{transform:rotate(1.2deg)} .ponente:nth-child(3n) .marco{transform:rotate(-.7deg)}
.ponente img{aspect-ratio:1/1;object-fit:cover;width:100%;background:#fff}
.ponente img.contener{object-fit:contain;padding:8%}
.ponente figcaption{text-align:center;margin-top:.9rem;line-height:1.35}
.ponente strong{display:block;font-size:1.2rem}
.ponente span{display:block}
.ponente .cuando{font-family:var(--f-maquina);font-size:.92rem;color:var(--tinta-2);margin-top:.2rem}

/* expositores y sedes */
.dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}
.expo h2,.sedes h2{font-family:var(--f-marca);font-weight:400;font-size:1.7rem}
.lista-expo{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.lista-expo li{font-family:var(--f-maquina);background:var(--lavanda-2);padding:.3rem .7rem;border-radius:2px}
.sedes dl{margin:0}
.sedes dt{font-weight:700;font-size:1.12rem;margin-top:.9rem}
.sedes dt:first-child{margin-top:0}
.sedes dd{margin:0}

/* carteles */
.carteles{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:860px}
.carteles a{display:block;text-decoration:none;color:var(--tinta);text-align:center}
.carteles li:nth-child(1) .marco{transform:rotate(-2deg)} .carteles li:nth-child(2) .marco{transform:rotate(1.5deg)} .carteles li:nth-child(3) .marco{transform:rotate(-1deg)}
.anyo{font-family:var(--f-maquina);font-size:1.3rem;display:inline-block;margin-top:.7rem}
.carteles .marco{transition:transform .2s}
.carteles a:hover .marco{transform:rotate(0) scale(1.02)}
.centro{margin-top:2rem}

/* páginas interiores */
.cabecera-pag{padding-bottom:1rem}
.hoja-titulo{max-width:46rem;margin:0 auto;text-align:center}
.hoja-titulo h1{font-family:var(--f-marca);font-weight:400;font-size:clamp(2.2rem,6vw,3.4rem);margin-top:.3em}
.hoja-titulo.largo{text-align:left}
.hoja-titulo.largo h1{text-align:center}
.hoja-titulo.largo h2{font-size:1.35rem;margin-top:1.6rem}
.hoja-titulo ul{padding-left:1.2rem}
.hoja-titulo li{margin-bottom:.4rem}
.texto-legal{font-size:1.05rem}
.correo{font-family:var(--f-maquina);font-size:clamp(1.1rem,3vw,1.5rem);word-break:break-word}

.edicion{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:2.2rem;align-items:start;margin-bottom:3rem}
.edicion-cartel{transform:rotate(-1.4deg)}
.edicion h2{font-size:1.6rem}
.edicion h2 .anyo{font-family:var(--f-marca);font-size:2.2rem;display:block;margin:0 0 .2rem;color:var(--lavanda)}
.edicion h3{font-family:var(--f-maquina);font-weight:400;font-size:1.08rem;margin:1.3rem 0 .4rem;color:var(--tinta)}
.edicion ul{margin:0 0 .8rem;padding-left:1.1rem}
.edicion li{margin-bottom:.25rem}

.cat{font-family:var(--f-maquina);font-weight:400;font-size:1.3rem;margin:2rem 0 1rem;text-align:center}
.galeria{list-style:none;margin:0;padding:0;columns:4 220px;column-gap:1rem}
.galeria li{break-inside:avoid;margin-bottom:1rem}
.galeria a{display:block;background:var(--hoja);padding:6px;box-shadow:0 4px 12px -6px rgba(0,0,0,.45)}
.galeria a:hover{outline:2px solid var(--lavanda)}
.dossier{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}

.visor{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
.visor::backdrop{background:rgba(30,24,20,.88)}
.visor img{max-width:92vw;max-height:88vh;width:auto;height:auto;border:8px solid var(--hoja)}
.visor button{position:fixed;background:var(--hoja);color:var(--tinta);border:0;font:400 2rem/1 var(--f-texto);width:3rem;height:3rem;border-radius:50%;cursor:pointer}
.visor-cerrar{top:1rem;right:1rem} .visor-ant{left:1rem;top:50%;margin-top:-1.5rem} .visor-sig{right:1rem;top:50%;margin-top:-1.5rem}

/* pie */
.pie{max-width:var(--ancho);margin:2rem auto 0;padding:0 1rem 2.5rem}
.colaboran h2{font-family:var(--f-maquina);font-weight:400;font-size:1.2rem;text-align:center;margin-bottom:1.4rem}
.logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4rem 2.2rem}
.logos img{height:58px;width:auto;max-width:210px;object-fit:contain}
.pie-texto{text-align:center;margin-top:2rem;font-size:1rem}
.pie-texto p{margin:.3rem 0}
.legal a{margin:0 .5rem;color:var(--tinta)}
.titular{color:var(--tinta-2);font-size:.92rem}

@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-cartel{max-width:380px;margin:1rem auto 0}
  .programa{columns:1}
  .dos{grid-template-columns:1fr}
  .ponentes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edicion{grid-template-columns:1fr}
  .edicion-cartel{max-width:300px}
  .deco-rosa{bottom:auto;top:52%}
}
@media (max-width:760px){
  .menu-btn{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--hoja);border-bottom:1px solid var(--linea)}
  .menu.abierto{display:flex}
  .menu a{padding:.8rem 1.2rem;border-top:1px solid var(--linea)}
  .carteles{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .anyo{font-size:1.05rem}
  .dossier{grid-template-columns:1fr}
  .logos img{height:44px;max-width:160px}
  .dia,.ponente .marco,.carteles .marco,.edicion-cartel{transform:none!important}
}
@media (max-width:480px){
  body{font-size:1.06rem}
  .ponentes{gap:1.6rem 1rem}
  .ponente strong{font-size:1.05rem}
  .horas li{grid-template-columns:3.6rem 1fr}
  .deco-flores{width:70px;left:-.4rem;bottom:auto;top:1rem}
  .deco-rosa{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.cab,.deco,.colaboran,.botones{display:none}body{background:#fff}.hoja{box-shadow:none}}