/* ════════════════════════════════════════════════════════════════
   guia-paginas-20261010.css — rama seo-paginas (4-oct-2026)
   1) «en Chignahuapan» dentro del H1 de las portadas interiores: una
      segunda línea chica bajo la palabra grande, para que el título
      lleve el nombre del pueblo sin cambiar el diseño.
   2) La guía turística escrita de hospedaje, restaurantes, actividades
      y artesanos (tarjetas, listas, preguntas frecuentes y enlaces).
   3) El tranvía turístico de que-hacer (#tranvia) y los consejos y
      preguntas de Quetzalapan (#consejos).
   Sin JS: las preguntas son <details>/<summary>.
   ════════════════════════════════════════════════════════════════ */

/* ── 1) H1 ── */
.page-hero h1 .h1-lugar{
  display:block;
  font-size:.36em;line-height:1.1;letter-spacing:-.01em;
  font-weight:800;
  margin-top:.16em;
}
.page-hero.pd h1 .h1-lugar{color:var(--pv)}

/* ── 2) guía ── */
.gp-sec{--gp-c:var(--rosa);--gp-t:var(--rosa-txt);background:var(--papel)}
.gp-hosp{--gp-c:#1D66A8;--gp-t:#1D66A8}
.gp-rest{--gp-c:#B9420C;--gp-t:#B9420C}
.gp-act {--gp-c:#3D7A14;--gp-t:#3D7A14}
.gp-art {--gp-c:#B8106F;--gp-t:#B8106F}
.gp-sec .ey{--c:var(--gp-c);--c-txt:var(--gp-t)}
.gp-sec .lead{max-width:68ch}
.gp-sec a:not(.btn),
.gp-faq a{color:var(--gp-t,var(--rosa-txt));text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.gp-sec a:not(.btn):hover,
.gp-faq a:hover{text-decoration-thickness:2px}

.gp-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  gap:18px;margin-top:32px;
}
.gp-card{
  background:#fff;border:1px solid var(--linea);border-top:4px solid var(--gp-c,var(--rosa));
  border-radius:18px;padding:22px 22px 20px;
  box-shadow:0 2px 10px rgba(36,29,56,.04);
}
.gp-card h3{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:20px;line-height:1.15;color:var(--tinta)}
.gp-card p{margin-top:10px;font-size:15px;line-height:1.65;color:var(--soft)}

.gp-dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:26px 44px;margin-top:46px}
.gp-bloque h3{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(21px,2.4vw,25px);line-height:1.12;color:var(--tinta)}
.gp-bloque > p{margin-top:12px;font-size:15.5px;line-height:1.7;color:var(--soft);max-width:62ch}
.gp-lista{list-style:none;margin-top:12px}
.gp-lista li{position:relative;padding-left:22px;margin-top:9px;font-size:15.5px;line-height:1.65;color:var(--soft)}
.gp-lista li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--gp-c,var(--rosa))}
.gp-lista b{color:var(--tinta);font-weight:700}

/* preguntas frecuentes */
.gp-faq-sec{background:var(--crema)}
.gp-faq{max-width:800px;margin-top:26px}
.gp-fq{
  background:#fff;border:1px solid var(--linea);border-radius:16px;
  margin-bottom:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s;
}
.gp-fq[open]{border-color:var(--gp-c,var(--rosa));box-shadow:0 10px 30px rgba(36,29,56,.08)}
.gp-fq summary{
  cursor:pointer;list-style:none;position:relative;
  font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:17.5px;line-height:1.3;
  color:var(--tinta);padding:18px 52px 18px 22px;
}
.gp-fq summary::-webkit-details-marker{display:none}
.gp-fq summary::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;color:var(--gp-t,var(--rosa-txt));
}
.gp-fq[open] summary::after{content:"–"}
.gp-fq summary:focus-visible{outline:2px solid var(--gp-t,var(--rosa-txt));outline-offset:-4px;border-radius:14px}
.gp-fq p{margin:0;padding:0 22px 20px;color:var(--soft);font-size:15px;line-height:1.7}

.gp-sigue-t{margin-top:38px;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;color:var(--soft)}
.gp-sigue{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gp-sigue a{
  display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;
  border-radius:999px;background:#fff;border:1.5px solid var(--linea);
  color:var(--tinta);font-weight:600;font-size:14.5px;text-decoration:none;
  transition:border-color .18s,color .18s;
}
.gp-sigue a:hover{border-color:var(--gp-c,var(--rosa));color:var(--gp-t,var(--rosa-txt))}
.gp-sigue a:focus-visible{outline:2px solid var(--gp-t,var(--rosa-txt));outline-offset:2px}

/* ── 3) tranvía (que-hacer) ── */
.gp-tranvia{--gp-c:var(--turquesa);--gp-t:var(--turquesa-txt);background:var(--crema)}
.gp-tranvia .lead + .lead{margin-top:14px}
.gp-tranvia .gp-lista{max-width:68ch;margin-top:20px}

/* ── 3) Quetzalapan: consejos y preguntas ── */
.qz-consejos{
  --gp-c:var(--qz-agua,#00A6C8);--gp-t:var(--qz-agua-txt,#006B82);
  background:var(--qz-roca,#F1ECE3);padding:clamp(72px,9vw,120px) 0;
}
.qz-consejos .gp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.qz-consejos .gp-card{border-color:var(--qz-roca-2,#D9CFBE);border-top-color:var(--qz-agua,#00A6C8)}
.qz-consejos .gp-card h3{color:var(--qz-tinta,#13241F)}
.qz-consejos .gp-card p,
.qz-consejos .gp-fq p{color:var(--qz-gris,#4B5752)}
.qz-consejos .gp-faq-t{margin-top:56px;font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(24px,3vw,32px);line-height:1.1;color:var(--qz-tinta,#13241F)}
.qz-consejos .gp-fq{border-color:var(--qz-roca-2,#D9CFBE)}
.qz-consejos .gp-fq summary{color:var(--qz-tinta,#13241F)}

@media(max-width:560px){
  .gp-card{padding:18px 18px 16px}
  .gp-fq summary{font-size:16px;padding:15px 46px 15px 16px}
  .gp-fq p{padding:0 16px 16px}
  .gp-dos{margin-top:36px}
}