/* CBRL-7D-CABECERAS-ESTANDAR / Cabeceras institucionales unificadas en tres páginas. */
/* Patrón: banda de título común de 188 px, fondo #F7FAF8, jerarquía y espaciados idénticos.
   Las fotos permanecen fuera de la medida de la banda; nunca se recortan ni se desplazan. */
:root{--cbrl-head-height:188px;--cbrl-head-bg:#F7FAF8;--cbrl-head-ink:#114b36;--cbrl-head-green:#0C6943}

/* INTRODUCCIÓN: el contenedor superior solo posee antetítulo, título y subtítulo. */
body.page .cbrl-intro .cbrl-intro-hero{padding:0 0 30px!important;background:var(--cbrl-head-bg)}
body.page .cbrl-intro .cbrl-intro-hero>.cbrl-intro-container{
  box-sizing:border-box;min-height:var(--cbrl-head-height);display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:18px 0!important;text-align:center;
}
body.page .cbrl-intro .cbrl-intro-hero .cbrl-intro-eyebrow{
  font-size:.75rem!important;font-weight:800!important;letter-spacing:.14em;
  color:var(--cbrl-head-green)!important;margin:0 0 12px!important;
}
body.page .cbrl-intro .cbrl-intro-hero h1{
  font-size:clamp(2.25rem,3.7vw,3.2rem)!important;line-height:1.15!important;
  font-weight:750!important;letter-spacing:-.025em;margin:0!important;color:var(--cbrl-head-ink)!important;
}
body.page .cbrl-intro .cbrl-intro-hero .cbrl-intro-subtitle{
  margin:11px 0 0!important;font-size:1.04rem!important;line-height:1.42!important;color:#4B6257!important;
}

/* RESEÑA: título y subtítulo dentro de una banda independiente, RH-1 por debajo. */
body.page .cbrl-rh .cbrl-rh-hero{padding:0 0 30px!important;background:var(--cbrl-head-bg)}
body.page .cbrl-rh .cbrl-rh-titleband{
  box-sizing:border-box;min-height:var(--cbrl-head-height);display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:18px 0;text-align:center;
}
body.page .cbrl-rh .cbrl-rh-titleband .cbrl-rh-eyebrow{
  font-size:.75rem!important;font-weight:800!important;letter-spacing:.14em;
  color:var(--cbrl-head-green)!important;margin:0 0 12px!important;
}
body.page .cbrl-rh .cbrl-rh-titleband h1{
  font-size:clamp(2.25rem,3.7vw,3.2rem)!important;line-height:1.15!important;
  font-weight:750!important;letter-spacing:-.025em;margin:0!important;color:var(--cbrl-head-ink)!important;
}
body.page .cbrl-rh .cbrl-rh-titleband .cbrl-rh-subtitle{
  margin:11px 0 0!important;font-size:1.04rem!important;line-height:1.42!important;
  font-weight:400!important;color:#4B6257!important;
}

/* MISIÓN / VISIÓN: acortar la cabecera de título, que no contiene fotografía. */
body.page .cbrl-mv .cbrl-mv-header{padding:0!important;background:var(--cbrl-head-bg)}
body.page .cbrl-mv .cbrl-mv-header-inner{
  box-sizing:border-box;min-height:var(--cbrl-head-height);display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:18px 0!important;text-align:center;
}
body.page .cbrl-mv .cbrl-mv-header .cbrl-mv-kicker{
  font-size:.75rem!important;font-weight:800!important;letter-spacing:.14em;
  color:var(--cbrl-head-green)!important;margin:0 0 12px!important;
}
body.page .cbrl-mv .cbrl-mv-header h1{
  font-size:clamp(2.25rem,3.7vw,3.2rem)!important;line-height:1.15!important;
  font-weight:750!important;letter-spacing:-.025em;margin:0!important;color:var(--cbrl-head-ink)!important;
}
body.page .cbrl-mv .cbrl-mv-header .cbrl-mv-subtitle{
  margin:11px 0 0!important;font-size:1.04rem!important;line-height:1.42!important;color:#4B6257!important;
}

@media(max-width:900px){:root{--cbrl-head-height:172px}}
@media(max-width:560px){
  :root{--cbrl-head-height:158px}
  body.page .cbrl-intro .cbrl-intro-hero,body.page .cbrl-rh .cbrl-rh-hero{padding-bottom:18px!important}
  body.page .cbrl-intro .cbrl-intro-hero>.cbrl-intro-container,
  body.page .cbrl-rh .cbrl-rh-titleband,
  body.page .cbrl-mv .cbrl-mv-header-inner{padding:17px 0!important}
  body.page .cbrl-intro .cbrl-intro-hero h1,
  body.page .cbrl-rh .cbrl-rh-titleband h1,
  body.page .cbrl-mv .cbrl-mv-header h1{font-size:clamp(2.05rem,8vw,2.5rem)!important}
  body.page .cbrl-intro .cbrl-intro-hero .cbrl-intro-eyebrow,
  body.page .cbrl-rh .cbrl-rh-titleband .cbrl-rh-eyebrow,
  body.page .cbrl-mv .cbrl-mv-header .cbrl-mv-kicker{font-size:.68rem!important;letter-spacing:.1em;margin-bottom:9px!important}
  body.page .cbrl-intro .cbrl-intro-hero .cbrl-intro-subtitle,
  body.page .cbrl-rh .cbrl-rh-titleband .cbrl-rh-subtitle,
  body.page .cbrl-mv .cbrl-mv-header .cbrl-mv-subtitle{font-size:.96rem!important;margin-top:8px!important}
}
