/* Títulos de página al estilo Primal Wine: sin banda, a la izquierda, miga arriba, título y párrafo cortos.
   Sustituye la banda grande (.page-hero) de pop.css. Excluye .var-hero (fichas de variedad). */
body .page-hero:not(.var-hero):not(#pop):not(#pop2){background:transparent;border-bottom:0;text-align:left;padding:calc(var(--header-h,80px) + clamp(20px,2.6vw,36px)) 0 clamp(8px,1.5vw,16px);overflow:visible;min-height:0}
body .page-hero:not(.var-hero):not(#pop):not(#pop2)::before,
body .page-hero:not(.var-hero):not(#pop):not(#pop2)::after{display:none}
body .page-hero:not(.var-hero):not(#pop):not(#pop2)>.container{max-width:1180px;margin:0 auto;padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}
body .page-hero:not(.var-hero) .eyebrow:not(#pop):not(#pop2){display:block;margin:0 0 clamp(14px,2vw,22px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--pop-ink,#1A1710);font:500 clamp(.74rem,1vw,.86rem)/1.4 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase}
body .page-hero:not(.var-hero) .eyebrow:not(#pop):not(#pop2)::before{display:none}
body .page-hero:not(.var-hero) h1:not(#pop):not(#pop2){max-width:none;margin:0 0 clamp(10px,1.4vw,16px);text-align:left;text-wrap:wrap;font:800 clamp(2rem,4.4vw,3.6rem)/1.05 var(--ff-tit,var(--ff-display));letter-spacing:-.025em;color:var(--pop-ink,#1A1710)}
body .page-hero:not(.var-hero) p:not(#pop):not(#pop2){max-width:none;margin:0;text-align:left;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6;color:#3A372E}
body .page-hero:not(.var-hero) .container>*:last-child{margin-bottom:0}
/* saltos de línea forzados en el título: que fluya al ancho disponible */
body .page-hero:not(.var-hero) h1 br:not(#pop){display:none}
body .page-hero:not(.var-hero) h1 br+em:not(#pop){margin-left:.28em}
/* entradillas alineadas a la izquierda: usan todo el ancho en vez de una columna estrecha */
body :is(.cm-lead,.cat-grup-d,.notes-intro,.ont-desc,.trp-lead,.trp-intro):not(#pop):not(#pop2){max-width:none}
/* menos hueco en blanco entre la cabecera y lo que sigue */
body .page-hero:not(.var-hero):not(#pop):not(#pop2)+*{padding-top:clamp(20px,3vw,40px)!important;margin-top:0!important}
/* cabecera de sección del mapa de productores: a la izquierda y a todo el ancho, como el título de página */
body .atlas-head:not(#pop):not(#pop2){text-align:left;max-width:none;margin:0 0 22px}
body .atlas-head :is(h2,p,.atlas-intro):not(#pop):not(#pop2){text-align:left;max-width:none;margin-left:0;margin-right:0}