/* Las páginas públicas de la Guía. Los colores, letras y botones son los de arete.do; solo lo que estas páginas usan. */
@font-face{font-family:"Big Shoulders";src:url(big-shoulders-bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Atkinson";src:url(atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --pasto:#1d4a33;--monte:#12301f;--arete:#f7ef77;--arete-borde:#b9ae2c;--arete-tinta:#1c1b04;
  --tinta:#17241c;--leche:#fff;--cal:#edf1ec;--suave:#46534b;--rojo:#b3261e;
  --titulo:"Big Shoulders","Arial Narrow",Impact,sans-serif;
  --texto:"Atkinson",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --margen:clamp(16px,5vw,72px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{margin:0;background:var(--monte);color:var(--tinta);font:400 1.125rem/1.5 var(--texto);overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
h1,h2,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
:focus-visible{outline:4px solid var(--tinta);outline-offset:3px;box-shadow:0 0 0 3px var(--arete)}

.borrador{background:var(--arete-tinta);color:#fff;font-size:.9375rem;line-height:1.35;text-align:center;padding:8px var(--margen)}

.cinta{display:flex;align-items:center;gap:12px;padding:10px var(--margen);background:var(--monte)}
.cinta a.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.75rem/1 var(--titulo);min-height:48px;white-space:nowrap}
.cinta nav{display:none;margin-left:auto}
.cinta nav a{display:flex;align-items:center;min-height:48px;padding:0 10px;color:#fff;font-weight:600;font-size:1.0625rem;text-decoration:none}
.cinta nav a:hover{text-decoration:underline}
.cinta a.bajar{margin-left:auto;display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;background:var(--arete);color:var(--arete-tinta);font-weight:700;font-size:1.0625rem;text-decoration:none;white-space:nowrap}

.dentro{max-width:44rem;margin:0 auto}
.dentro-ancho{max-width:1100px;margin:0 auto}

.titular{background:var(--pasto);color:#fff;padding:26px var(--margen) 30px}
.migas{font-size:1rem;color:#d7e1d9;margin-bottom:8px}
.migas a{display:inline-flex;align-items:center;min-height:32px;color:#fff;font-weight:700}
.titular h1{font:700 clamp(2.75rem,12vw,5rem)/.98 var(--titulo);text-transform:uppercase;color:var(--arete);text-wrap:balance}
.otros{margin-top:12px;font-size:1.0625rem;line-height:1.4;color:#eef3ef}

.cuerpo{background:var(--leche);padding:24px var(--margen) 40px}
.urgente{background:var(--rojo);color:#fff;font-weight:700;padding:12px 16px;border-radius:12px;margin-bottom:18px}
.entrada{font-size:1.25rem;line-height:1.4;font-weight:600}
.raza{margin:20px auto 0;border-radius:14px}
.cuerpo section{margin-top:28px}
.cuerpo h2{font:700 2.125rem/1.02 var(--titulo);color:var(--pasto);margin-bottom:8px}
.cuerpo p+p{margin-top:10px}
.cuerpo section ul,.cuerpo section ol{display:grid;gap:9px}
.cuerpo section ul li{position:relative;padding-left:20px}
.cuerpo section ul li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--pasto)}
.cuerpo section ol{counter-reset:n}
.cuerpo section ol>li{counter-increment:n;position:relative;padding-left:36px}
.cuerpo section ol>li::before{content:counter(n);position:absolute;left:0;top:.1em;width:26px;height:26px;border-radius:50%;background:var(--pasto);color:#fff;font:700 1rem/26px var(--texto);text-align:center}
.cuerpo a{color:var(--pasto);font-weight:600}
.ayuda{color:var(--suave)}
.fina{font-size:1rem;line-height:1.35;color:var(--suave);margin-top:8px}

.caja{background:var(--cal);border-radius:14px;padding:18px;margin-top:28px}
.caja-personas{background:var(--arete);color:var(--arete-tinta)}
.caja-personas h2{color:var(--arete-tinta)}
.caja h2{font-size:1.875rem}

.cuerpo section.fuentes ol{gap:6px}
.fuentes{font-size:1rem;line-height:1.4}
.cuerpo section.fuentes ol>li{padding-left:28px;min-height:26px}
.cuerpo section.fuentes ol>li::before{width:22px;height:22px;font-size:.8125rem;line-height:22px;background:var(--suave)}
.fuentes a{display:inline;padding-block:4px}
.firma{margin-top:24px;padding-top:14px;border-top:2px solid var(--cal);color:var(--suave);font-size:1rem}
.cuerpo .firma+.btn{margin-top:16px}

.nudo-pasos{margin-top:12px}
.cuerpo section ol.nudo-pasos{gap:20px;counter-reset:none}
.cuerpo section ol.nudo-pasos>li{padding-left:0}
.cuerpo section ol.nudo-pasos>li::before{display:none}
.nudo-pasos img{width:100%;border-radius:12px;background:var(--cal)}
.nudo-pasos p{display:flex;gap:10px;align-items:flex-start;margin-top:8px}
.nudo-num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--pasto);color:#fff;font:700 1.0625rem/30px var(--texto);text-align:center}

.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:12px 18px;border:3px solid transparent;border-radius:14px;font:700 1.25rem/1.15 var(--texto);text-align:center;text-decoration:none}
.btn svg{flex:none;width:24px;height:24px}
.btn-verde{background:var(--pasto);color:#fff}
.btn-verde:hover{background:var(--monte)}
.btn-borde{background:transparent;border-color:var(--pasto);color:var(--pasto)}
.cuerpo a.btn-borde{color:var(--pasto);margin-top:14px}
.btn-borde:hover{background:var(--pasto)}
.cuerpo a.btn-borde:hover{color:#fff}

.vea{background:var(--cal);padding:30px var(--margen) 34px}
.vea h2{font:700 2.125rem/1 var(--titulo);color:var(--pasto);margin-bottom:12px}
.vea ul{display:grid;gap:10px}
.vea a{display:flex;flex-direction:column;justify-content:center;min-height:62px;padding:10px 16px;background:var(--leche);border-radius:12px;text-decoration:none;color:var(--tinta)}
.vea b{color:var(--pasto);line-height:1.2}
.vea span{font-size:.9375rem;color:var(--suave)}

.cuerpo-indice{background:var(--leche);padding:12px var(--margen) 44px}
.cuerpo-indice section{margin-top:28px}
.cuerpo-indice h2{font:700 clamp(2.25rem,9vw,3.25rem)/1 var(--titulo);text-transform:uppercase;color:var(--pasto);margin-bottom:12px}
.tarjetas{display:grid;gap:10px}
.tarjetas a{display:flex;align-items:center;justify-content:center;min-height:62px;height:100%;padding:12px 16px;background:var(--cal);border-radius:12px;text-align:center;text-decoration:none;color:var(--pasto);line-height:1.2}
.tarjetas a:hover{background:var(--pasto);color:#fff}

.bajar-banda{background:var(--arete);color:var(--arete-tinta);padding:36px var(--margen) 40px;scroll-margin-top:0}
.bajar-banda h2{font:700 clamp(2.5rem,11vw,3.75rem)/.98 var(--titulo);text-transform:uppercase}
.bajar-banda p{margin-top:10px}
.bajar-banda .fina{color:var(--arete-tinta)}
.dos-botones{display:grid;gap:10px;margin-top:16px}

.pie{background:var(--monte);color:#fff;padding:28px var(--margen) 34px;text-align:center}
.lema-pie{font:700 1.75rem/1.05 var(--titulo)}
.pie ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin-top:8px}
.pie a{display:inline-flex;align-items:center;min-height:48px}
.pie small{display:block;font-size:.9375rem;line-height:1.4;max-width:38rem;margin:8px auto 0;color:#d7e1d9}

@media (min-width:480px){
  .cinta nav{display:block}
  .cinta a.bajar{margin-left:0}
}
@media (min-width:600px){
  .dos-botones,.vea ul,.tarjetas{grid-template-columns:1fr 1fr}
}
@media (min-width:700px){
  body{font-size:1.1875rem}
  .titular{padding-block:40px 44px}
  .cuerpo{padding-block:34px 56px}
  .cuerpo h2{font-size:2.5rem}
  .caja h2{font-size:2.125rem}
}
@media (min-width:960px){
  .tarjetas{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}