/* Las páginas de servicios, clases y precios (28-sep-2026). Reusan styles.css
   (kicker, h2, btn, menu); aquí solo su esqueleto. */
.pg { background: var(--cream, #faf7f2); }
.pg__nav { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; align-items: center; justify-content: space-between; padding: 1rem 16px; border-bottom: 1px solid rgba(0,0,0,.08); }
.pg__marca { display: inline-flex; align-items: center; gap: .5rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; color: inherit; text-decoration: none; }
.pg__marca em { font-style: italic; font-size: .95rem; opacity: .75; }
.pg__links { display: flex; flex-wrap: wrap; gap: .4rem 1rem; font-size: .88rem; }
.pg__links a { color: inherit; text-decoration: none; opacity: .8; }
.pg__links a:hover { opacity: 1; text-decoration: underline; }
.pg__main { max-width: 820px; margin: 0 auto; padding: 2.5rem 16px 3rem; display: flex; flex-direction: column; gap: 1.6rem; }
.pg__main h1 { text-wrap: balance; margin: 0; }
.pg__lema { font-size: 1.05rem; line-height: 1.6; max-width: 65ch; margin: 0; }
.pg__servicio { border-top: 1px solid rgba(0,0,0,.08); padding-top: 1.4rem; scroll-margin-top: 1rem; }
.pg__servicio h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 1.6rem; margin: 0 0 .3rem; text-wrap: balance; }
.pg__servicio p { line-height: 1.65; max-width: 65ch; }
.pg__precio { font-variant-numeric: tabular-nums; margin: 0 0 .5rem; }
.pg__paquetes { margin: .2rem 0 .8rem; padding-left: 1.1rem; line-height: 1.7; font-variant-numeric: tabular-nums; }
.pg__acciones { display: flex; flex-wrap: wrap; gap: .6rem; }
.pg__tabla h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 1.5rem; margin: .6rem 0 .4rem; }
.pg__tabla h2 a, .pg__tabla .menu a { color: inherit; }
.pg__tabla .menu b { font-variant-numeric: tabular-nums; text-align: right; }
.pg__mas { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.pg__pie { border-top: 1px solid rgba(0,0,0,.08); padding: 2rem 16px; text-align: center; font-size: .9rem; line-height: 1.7; }
.pg__pie a { color: inherit; }
.pg__legal { font-size: .78rem; opacity: .7; max-width: 70ch; margin: .6rem auto 0; }
/* Segunda tanda (29-sep-2026): preguntas frecuentes, páginas por servicio, guías e inglés. */
.pg__h { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 1.5rem; margin: .4rem 0 .4rem; text-wrap: balance; }
.pg__grupo { display: flex; flex-direction: column; gap: .2rem; }
.pg__grupo > h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 1.6rem; margin: .6rem 0 0; }
.pg__faq { border-top: 1px solid rgba(0,0,0,.08); padding-top: .9rem; }
.pg__faq h3 { font-family: 'Jost', system-ui, sans-serif; font-weight: 500; font-size: 1.02rem; margin: 0 0 .3rem; }
.pg__faq p { line-height: 1.65; max-width: 65ch; margin: 0 0 .6rem; }
.pg__main section > p { line-height: 1.65; max-width: 65ch; }
.pg__scroll { overflow-x: auto; }
.pg__comparar { border-collapse: collapse; width: 100%; min-width: 520px; font-size: .95rem; line-height: 1.5; }
.pg__comparar th, .pg__comparar td { text-align: left; vertical-align: top; padding: .7rem .8rem; border-bottom: 1px solid rgba(0,0,0,.08); }
.pg__comparar thead th { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 1.2rem; }
.pg__comparar thead a { color: inherit; }
.pg__comparar tbody th { font-weight: 500; white-space: nowrap; }