/* =========================================================
   LPB 2026 · ART DIRECTION PASS 02
   Refina la dirección "El Beni vivo" sin alterar consultas.
   ========================================================= */

/* 1. MASTHEAD: más LPB, más presencia, menos aire muerto */
.lpb26-brand-inner{
  min-height:112px;
  grid-template-columns:100px minmax(0,1fr) 100px;
}
.lpb26-wordmark-identity{
  width:min(100%,760px);
  grid-template-columns:1fr auto;
  column-gap:20px;
}
.lpb26-wordmark-identity strong{
  font-size:clamp(48px,5vw,70px)!important;
  line-height:.86!important;
  letter-spacing:-.06em!important;
  gap:.12em!important;
}
.lpb26-wordmark-identity strong em{
  font-size:.64em!important;
  letter-spacing:-.045em!important;
  font-style:normal!important;
  color:var(--lpb-green)!important;
}
.lpb26-identity-kicker{
  font-size:13px!important;
  margin-bottom:6px!important;
}
.lpb26-identity-claim{
  font-size:11px!important;
  margin-bottom:6px!important;
}
.lpb26-menu-button{justify-self:start}
.lpb26-search-button{justify-self:end}

/* 2. Navegación algo más legible */
.lpb26-nav-scroll{min-height:47px;gap:29px}
.lpb26-nav-scroll a,.lpb26-more-button{font-size:12.5px}
.lpb26-products-inner{min-height:36px}
.lpb26-products a{font-size:12.5px}

/* 3. Lectura: cuerpo y metadatos un punto arriba */
.lpb26-opening-deck{font-size:20px;line-height:1.46}
.lpb26-side-story p,
.lpb26-feature-story p,
.lpb26-news-card p,
.lpb26-explainer p,
.lpb26-investigation-grid p,
.lpb26-territory-panel p{font-size:14.5px;line-height:1.45}
.lpb26-byline{font-size:10.5px}
.lpb26-eyebrow{font-size:10.5px}
.lpb26-section-head>a,
.lpb26-breaking-more,
.lpb26-explainer>a:last-child,
.lpb26-territory-panel>a{font-size:10.5px}

/* 4. Apertura: mejor proporción y menos altura total */
.lpb26-opening{padding-top:28px;padding-bottom:32px}
.lpb26-opening-grid{
  grid-template-columns:minmax(0,1.72fr) minmax(320px,.72fr);
  gap:32px;
}
.lpb26-opening-main{padding-right:30px}
.lpb26-opening-photo{aspect-ratio:16/8.25}
.lpb26-opening-main h1{
  font-size:clamp(38px,3.75vw,57px);
  margin-top:8px;
}
.lpb26-opening-side{gap:0}
.lpb26-side-story{padding-bottom:17px;margin-bottom:17px}
.lpb26-side-story h2{font-size:24px}

/* 5. Publicidad y accesos: compactar la transición */
.lpb26-ad{padding:10px 0 16px}
.lpb26-ad-slot{min-height:78px}
.lpb26-quick{
  margin-top:4px;
  margin-bottom:30px;
}
.lpb26-quick-card{
  min-height:118px;
  padding:18px 21px 16px;
}
.lpb26-quick-card strong{
  margin:7px 0 13px;
  font-size:20px;
}

/* 6. Ritmo general: menos "terrenos baldíos" */
.lpb26-section{padding-top:38px;padding-bottom:44px}
.lpb26-section-head{margin-bottom:20px}
.lpb26-section-head h2{font-size:36px}

/* 7. BENI: mantener protagonismo, compactar y agrandar miniaturas */
.lpb26-territory-grid{
  grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);
  gap:30px;
}
.lpb26-feature-story{padding-right:30px}
.lpb26-feature-story>a:first-child{aspect-ratio:16/8.6}
.lpb26-feature-story h3{font-size:32px}
.lpb26-row-story{
  grid-template-columns:1fr 128px;
  gap:17px;
  padding-bottom:14px;
  margin-bottom:14px;
}
.lpb26-row-story>a{width:128px;height:82px}
.lpb26-row-story h3{font-size:19px}

/* 8. TRINIDAD: una historia manda, las otras acompañan */
.lpb26-two-one{
  grid-template-columns:minmax(0,2.15fr) minmax(275px,.72fr);
  gap:34px;
}
.lpb26-card-grid-2{
  grid-template-columns:1.15fr .85fr;
  gap:22px;
}
.lpb26-card-grid-2 .lpb26-news-card:first-child{
  grid-row:span 2;
}
.lpb26-card-grid-2 .lpb26-news-card:first-child>a:first-child{
  aspect-ratio:16/10.2;
}
.lpb26-card-grid-2 .lpb26-news-card:first-child h3{
  font-size:27px;
}
.lpb26-card-grid-2 .lpb26-news-card:not(:first-child)>a:first-child{
  aspect-ratio:16/8.6;
}
.lpb26-card-grid-2 .lpb26-news-card:not(:first-child) h3{
  font-size:19px;
}

/* 9. MÁS LEÍDO: sigue siendo contraste, ya no domina */
.lpb26-ranking{
  padding:23px 22px 17px;
  max-width:320px;
  justify-self:end;
}
.lpb26-ranking header h2{font-size:27px}
.lpb26-ranking article{
  grid-template-columns:36px 1fr;
  gap:9px;
  padding:13px 0;
}
.lpb26-ranking b{font-size:22px}
.lpb26-ranking h3{font-size:15.5px;line-height:1.12}

/* 10. EXPLICADORES: visualmente secundarios hasta tener tipo editorial real */
.lpb26-explainer{padding:23px;min-height:195px}
.lpb26-explainer h3{font-size:23px}

/* 11. Investigación: mantener el gran bloque de identidad */
.lpb26-investigation{padding-top:42px;padding-bottom:46px}
.lpb26-investigation-grid{gap:24px}
.lpb26-investigation-grid h3{font-size:23px}
.lpb26-investigation-grid article:first-child h3{font-size:31px}

/* 12. Seguridad / Bolivia: jerarquía textual menos monótona */
.lpb26-line-story:first-of-type{
  padding-top:5px;
}
.lpb26-line-story:first-of-type h3{
  font-size:25px;
}
.lpb26-line-story:not(:first-of-type) h3{
  font-size:20px;
}
.lpb26-line-story{padding:14px 0}

/* 13. Deportes y Cultura: más aire dentro del bloque, no entre bloques */
.lpb26-section-tint .lpb26-news-card h3{font-size:20px}
.lpb26-section-tint .lpb26-news-card>a:first-child{aspect-ratio:16/8.8}

/* 14. Mundo: deliberadamente compacto; Beni debe pesar más */
#territorio.lpb26-section{padding-top:34px;padding-bottom:40px}
#territorio .lpb26-two-one{
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.68fr);
  gap:38px;
}
#territorio .lpb26-line-story{padding:11px 0}
#territorio .lpb26-line-story h3{font-size:19px}
.lpb26-territory-panel{
  min-height:300px;
  padding:27px;
}
.lpb26-territory-panel h2{font-size:30px}

/* 15. Edición impresa: más producto, menos vacío */
.lpb26-print{padding:46px 0}
.lpb26-print-grid{
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
}
.lpb26-print h2{font-size:40px}
.lpb26-print-grid>div:first-child{
  position:relative;
  padding-left:18px;
  border-left:4px solid var(--lpb-green);
}
.lpb26-services a{padding:20px}
.lpb26-services strong{font-size:18px}

/* 16. Footer: presencia institucional */
.lpb26-footer{padding:38px 0 30px}
.lpb26-footer-brand{
  font-size:32px;
  color:#fff;
}
.lpb26-footer p{font-size:13px}

/* Desktop grande: evita que todo se vea diminuto en 1440+ */
@media(min-width:1400px){
  :root{--lpb-max:1340px}
  body.lpb26-body{font-size:16.5px}
}

/* Tablet */
@media(max-width:1050px){
  .lpb26-brand-inner{grid-template-columns:70px minmax(0,1fr) 70px}
  .lpb26-wordmark-identity strong{font-size:clamp(40px,5.7vw,56px)!important}
  .lpb26-card-grid-2{grid-template-columns:1fr 1fr}
  .lpb26-card-grid-2 .lpb26-news-card:first-child{grid-row:auto}
  .lpb26-ranking{max-width:none}
}

/* Móvil: identidad compacta y jerarquía clara */
@media(max-width:767px){
  .lpb26-brand-inner{
    min-height:88px;
    grid-template-columns:34px minmax(0,1fr) 34px;
  }
  .lpb26-wordmark-identity strong{
    font-size:clamp(27px,7.8vw,38px)!important;
    gap:.10em!important;
  }
  .lpb26-wordmark-identity strong em{font-size:.62em!important}
  .lpb26-identity-claim{font-size:8px!important}
  .lpb26-opening{padding-top:18px}
  .lpb26-opening-photo{aspect-ratio:16/9.7}
  .lpb26-opening-main h1{font-size:clamp(34px,9.7vw,46px)}
  .lpb26-quick{margin-bottom:22px}
  .lpb26-section{padding-top:30px;padding-bottom:34px}
  .lpb26-section-head h2{font-size:30px}
  .lpb26-feature-story>a:first-child{aspect-ratio:16/9.5}
  .lpb26-card-grid-2{grid-template-columns:1fr}
  .lpb26-card-grid-2 .lpb26-news-card:first-child h3{font-size:25px}
  .lpb26-ranking{max-width:none;justify-self:stretch}
  #territorio .lpb26-two-one{display:block}
}

/* Móvil pequeño */
@media(max-width:430px){
  .lpb26-wordmark-identity strong{font-size:25px!important}
  .lpb26-wordmark-identity strong em{font-size:.60em!important}
}
