/* ============================================================
   CRO / compactación — luxury pero optimizado para conversión.
   Reduce alturas de bloque, padding de sección y titulares gigantes
   para que el usuario llegue antes al contenido y a los CTA.
   Cargada la ÚLTIMA: gana por orden a igual especificidad.
   Todo con clamp() -> responsive, no necesita media queries.
   ============================================================ */

/* ---- Padding de sección: de hasta 180px a ~84px ---- */
.section-pad{padding-top:clamp(44px,5vw,84px);padding-bottom:clamp(44px,5vw,84px)}

/* ---- Titulares del editor por bloques (home, páginas) ---- */
.pb-display{font-size:clamp(32px,3.6vw,56px);margin-top:12px}
/* Titulares de contenido en Cormorant, pero a tamaño contenido (~30px) y peso 600
   para que tengan cuerpo y no se vean finos/"raros" como a 40px/peso 400. */
.pb-rich h2{font-family:var(--serif);font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:34px 0 14px;color:var(--ink)}
.pb-rich h3{font-family:var(--serif);font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.01em;line-height:1.2}
.destination-intro h2,.editorial-spread blockquote,.angola-contrast__heading h2,
.angola-chapters__intro h2,.luanda-story__copy h2,.angola-for-you__title h2,
.country-index__intro h2,.destination-philosophy__grid h2,.destination-cta__copy h2,
.angola-falls__copy h2,.dest-cta h2{font-weight:500}
.pb-cta h2{font-size:clamp(30px,3.8vw,56px);margin:16px auto 24px}
.pb-quote{font-size:clamp(28px,3.4vw,48px)}

/* ============ PÁGINA DE DESTINO ============ */

/* Hero: menos alto y H1 más contenido (ahora dice "Viajes programados a X") */
.destination-hero{min-height:clamp(440px,66vh,600px)}
.destination-hero h1{font-size:clamp(38px,5.4vw,82px)}
.home-hero{min-height:clamp(460px,72vh,640px)}

/* Bloque "01 · La esencia de X" */
.destination-intro h2{font-size:clamp(30px,3.4vw,54px);line-height:1.03}
.destination-intro__grid{margin-top:clamp(24px,3vw,46px)}
.destination-intro__aside{font-size:clamp(18px,1.7vw,26px)}
.destination-intro__copy{margin:clamp(28px,3vw,42px) 0 0 auto}

/* Secciones editoriales de destino: menos altas + titulares contenidos */
.editorial-spread{min-height:clamp(360px,50vh,500px)}
.editorial-spread blockquote{font-size:clamp(30px,3.6vw,56px)}
.angola-teaser{min-height:clamp(400px,58vh,540px)}
.angola-teaser__media{min-height:clamp(340px,46vh,460px)}
.destination-cta{min-height:clamp(380px,52vh,520px)}
.destination-cta__copy h2{font-size:clamp(30px,3.6vw,56px)}
.destination-cta__inner,.dest-cta__inner{padding-top:clamp(40px,5vw,76px);padding-bottom:clamp(40px,5vw,76px)}
.angola-falls{min-height:clamp(380px,52vh,520px)}
.angola-falls__copy h2{font-size:clamp(30px,3.6vw,56px)}
.angola-contrast__heading h2{font-size:clamp(30px,3.4vw,54px)}
.angola-chapters__intro h2{font-size:clamp(30px,3.4vw,54px);margin:0 0 clamp(24px,3vw,44px)}
.luanda-story{min-height:clamp(420px,58vh,560px)}
.luanda-story__copy h2{font-size:clamp(28px,3.2vw,52px)}
.angola-for-you__title h2{font-size:clamp(28px,3.2vw,52px)}
.country-index__intro h2{font-size:clamp(28px,3vw,48px)}
.country-quote blockquote{font-size:clamp(28px,3.4vw,52px)}
.destination-philosophy__grid h2{font-size:clamp(30px,3.4vw,54px)}
.dest-cta h2{font-size:clamp(30px,3.6vw,54px)}
.dest-h1-big{font-size:clamp(34px,4.4vw,66px)}

/* ---- Texto de contenido: mínimo 20px ---- */
.pdp-rich,.pdp-rich p,.pdp-rich li{font-size:clamp(20px,1.3vw,21px);line-height:1.75}
.pb-rich,.pb-rich p,.pb-rich li{font-size:clamp(20px,1.35vw,22px)}
.hx-rich,.hx-rich p{font-size:clamp(20px,1.2vw,21px)}
.pdp-itin .det p,.pdp-itin .det li{font-size:20px;line-height:1.7}
.dguide__intro,.dinfo__text,.dplaces__text p{font-size:20px;line-height:1.7}
/* ---- Sub-encabezados dentro del contenido (antes casi invisibles, p. ej. h5) ---- */
.pdp-rich h2,.pdp-rich h3,.pdp-rich h4,.pdp-rich h5,.pdp-rich h6,
.hx-rich h2,.hx-rich h3,.hx-rich h4,.hx-rich h5,.hx-rich h6{
  font-family:var(--sans);color:var(--ink);font-weight:600;line-height:1.3;margin:28px 0 12px;letter-spacing:-.005em}
.pdp-rich h2,.hx-rich h2{font-size:22px}
.pdp-rich h3,.hx-rich h3{font-size:19px}
.pdp-rich h4,.pdp-rich h5,.pdp-rich h6,.hx-rich h4,.hx-rich h5,.hx-rich h6{font-size:16.5px}
