/* RUNAYMAS — estilos de la web · v1 · Fuente de verdad: MARCA/RUNAYMAS-HojaDeEstilo-v1.pdf */
@font-face{font-family:"Cinzel";font-weight:400;font-display:swap;src:url(assets/fonts/cinzel-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-weight:600;font-display:swap;src:url(assets/fonts/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Lora";font-weight:400;font-display:swap;src:url(assets/fonts/lora-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Lora";font-weight:400;font-style:italic;font-display:swap;src:url(assets/fonts/lora-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Lora";font-weight:600;font-display:swap;src:url(assets/fonts/lora-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:500;font-style:italic;font-display:swap;src:url(assets/fonts/playfair-display-latin-500-italic.woff2) format("woff2")}
:root{
  --tinta:#2B1806; --tierra:#5A3B16; --pergamino:#E8DDCB; --lino:#F5F0E8;
  --turquesa:#5AA39E; --turquesa-claro:#CADAD3; --magenta:#B5708F; --magenta-claro:#E3CCCF;
  --verde:#4A6238; --salvia:#B9C2A3; --linea:#D9CDB6;
  --font-titulos:"Cinzel",Georgia,serif;
  --font-cuerpo:"Lora",Georgia,serif;
  --font-claim:"Playfair Display",Georgia,serif;
  --ancho:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--lino);color:var(--tinta);font-family:var(--font-cuerpo);font-size:1.05rem;line-height:1.6}
img,svg{display:block;max-width:100%}
a{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--magenta);text-decoration-thickness:2px;text-underline-offset:.18em}
a:hover{color:var(--tierra);text-decoration-color:var(--turquesa)}
h1,h2,h3{font-family:var(--font-titulos);font-weight:400;letter-spacing:.04em;color:var(--tierra);line-height:1.15}
h1{font-size:clamp(2rem,5vw,2.8rem)}
h2{font-size:clamp(1.5rem,3.5vw,1.9rem);margin-bottom:.6rem}
h3{color:var(--tierra);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;margin:1.6rem 0 .5rem;padding-left:.7rem;border-left:3px solid var(--turquesa)}
p{margin-bottom:1rem}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.sep{height:22px;width:220px;max-width:60%;margin:.8rem 0 1.4rem;background:url(assets/sep-turquesa.svg) no-repeat;background-size:100% 100%}
.sep.centro{margin-left:auto;margin-right:auto}
.oscuro .sep{background-image:url(assets/sep-turquesa.svg)}
.etiqueta{display:inline-block;font-family:var(--font-titulos);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);background:var(--turquesa);padding:.25rem .7rem;border-radius:3px}
.oscuro .etiqueta{background:var(--turquesa);color:var(--tinta)}
.claim{font-family:var(--font-claim);font-style:italic;font-weight:500;color:var(--tierra)}

/* botones */
.btn{display:inline-block;font-family:var(--font-titulos);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.8rem 1.4rem;border-radius:4px;border:1.5px solid var(--turquesa);transition:background .15s,color .15s,border-color .15s}
.btn.principal{background:var(--turquesa);color:var(--tinta)}
.btn.principal:hover{background:var(--tinta);border-color:var(--tinta);color:var(--turquesa)}
.btn.secundario{background:transparent;color:var(--tinta);border-color:var(--magenta)}
.btn.secundario:hover{background:var(--magenta);color:var(--tinta)}
.oscuro .btn.secundario{color:var(--pergamino);border-color:var(--magenta)}
.oscuro .btn.secundario:hover{background:var(--magenta);color:var(--tinta)}
.botones{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}

/* cabecera */
header{position:sticky;top:0;z-index:10;background:rgba(245,240,232,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--linea)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px}
header .logo img{height:40px}
nav ul{display:flex;gap:1.3rem;list-style:none}
nav a{font-family:var(--font-titulos);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--tinta)}
nav a:hover{color:var(--tierra);text-decoration:underline;text-decoration-color:var(--turquesa);text-decoration-thickness:2px;text-underline-offset:.3em}
.idioma{font-family:var(--font-titulos);font-size:.75rem;letter-spacing:.1em;text-decoration:none;color:var(--tinta);border:1px solid var(--magenta);padding:.3rem .6rem;border-radius:4px}
.idioma:hover{background:var(--magenta-claro);text-decoration:none}
.menu-btn{display:none;background:none;border:1px solid var(--turquesa);border-radius:4px;padding:.4rem .6rem;font-family:var(--font-titulos);font-size:.75rem;letter-spacing:.1em;color:var(--tinta);cursor:pointer}
@media (max-width:760px){
  nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--lino);border-bottom:1px solid var(--linea);padding:1rem 20px}
  nav.abierto{display:block}
  nav ul{flex-direction:column;gap:.9rem}
  .menu-btn{display:inline-block}
}

/* portada */
.portada{padding:4rem 0 3.5rem;position:relative;overflow:hidden;text-align:center}
.portada .marca{width:min(360px,70vw);margin:0 auto 1.2rem}
.portada .claim{font-size:clamp(1.3rem,3.2vw,1.8rem);margin-bottom:1rem}
.portada .intro{max-width:36rem;margin:0 auto;font-size:1.1rem}
.portada .botones{justify-content:center}
.marca-agua{position:absolute;right:-6%;bottom:-12%;width:min(420px,60vw);opacity:.18;pointer-events:none}

/* secciones */
section{padding:4rem 0}
section.perg{background:var(--pergamino)}
section.oscuro{background:var(--tinta);color:var(--pergamino)}
section.oscuro h2{color:var(--pergamino)}
section.oscuro a{color:var(--pergamino);text-decoration-color:var(--magenta)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
@media (max-width:760px){.dos{grid-template-columns:1fr;gap:2rem}}
.lista{list-style:none}
.lista li{padding:.7rem 0;border-bottom:1px solid var(--linea)}
.lista li:last-child{border-bottom:0}
.lista b{font-family:var(--font-titulos);font-weight:400;letter-spacing:.04em;color:var(--tierra);display:block;font-size:1.05rem}
.lista.tiradas li{border-left:3px solid var(--magenta);padding-left:.9rem;border-bottom:0;margin-bottom:.6rem}
.oscuro .lista li{border-color:rgba(232,221,203,.2)}
.oscuro .lista b{color:var(--pergamino)}
.tarjeta{background:var(--turquesa-claro);border:0;border-radius:4px;padding:1.4rem 1.6rem}
.tarjeta h3{border-left-color:var(--magenta)}
.tarjeta ul{padding-left:1.1rem}
.tarjeta li{margin-bottom:.4rem}
.ig{font-family:var(--font-titulos);font-size:.85rem;letter-spacing:.08em}

/* ferias */
#ferias .estado{color:var(--tierra);font-style:italic;background:var(--magenta-claro);display:inline-block;padding:.8rem 1.2rem;border-radius:4px}
.feria{display:grid;grid-template-columns:92px 1fr;gap:1.2rem;padding:1.1rem 0;border-bottom:1px solid var(--linea);align-items:start}
.feria:last-child{border-bottom:0}
.feria .fecha{font-family:var(--font-titulos);color:var(--tinta);line-height:1.1;text-align:center;background:var(--turquesa);border-radius:4px;padding:.5rem .4rem}
.feria .fecha .dia{font-size:2rem;display:block}
.feria .fecha .mes{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;display:block;color:var(--tinta)}
.feria .nombre{font-family:var(--font-titulos);font-size:1.15rem;color:var(--tierra);letter-spacing:.03em}
.feria .lugar{color:var(--tinta);font-family:var(--font-titulos);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin:.3rem 0 .4rem;display:inline-block;background:var(--magenta-claro);padding:.15rem .5rem;border-radius:3px}
.feria .notas{font-size:.95rem;margin:0;white-space:pre-line}
.feria .notas a{word-break:break-all}

/* sobre mí */
.sobre .foto{aspect-ratio:4/5;max-height:440px;background:var(--magenta-claro) url(assets/runa-turquesa.svg) center/26% no-repeat;border-radius:4px;border:0}
@media (max-width:760px){.sobre .foto{order:2;aspect-ratio:auto;height:200px}}

/* contacto */
.contacto .datos{font-size:1.15rem;line-height:1.9}
.contacto .datos a{text-decoration:none}

/* pie */
footer{background:var(--tinta);color:var(--pergamino);padding:2.5rem 0 2rem;font-size:.9rem}
footer .wrap{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}
footer img{height:36px}
footer .legal{font-size:.8rem;opacity:.75;margin-top:.6rem}
footer a{color:var(--pergamino);text-decoration-color:var(--magenta)}
footer .redes{display:flex;gap:1.4rem;flex-wrap:wrap;margin:.6rem 0 .2rem}
footer .redes a{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-family:var(--font-cuerpo);font-size:.95rem;color:var(--turquesa)}
footer .redes a:hover{color:var(--magenta)}
footer .redes .ico{flex:none}
@media (max-width:600px){footer .wrap{grid-template-columns:1fr}}
.aviso{font-size:.85rem;max-width:42rem}
.aviso h3{margin-top:1.2rem}
details summary{cursor:pointer;font-family:var(--font-titulos);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--turquesa);margin-top:1rem}

/* 404 */
.p404{min-height:70vh;display:flex;align-items:center;text-align:center}
.p404 .wrap{max-width:40rem}
.p404 img{width:120px;margin:0 auto 1.5rem}