/* Cabecera de seccion ligera (29-oct).

   Eduardo: «yo fusionaria el hero con lo de proximos actos, que en el hero
   saliese todo incluidos los filtros, pero tiene que tener mas color».
   Sin foto: el fondo con foto es el elemento LCP de Agenda y Actualidad
   (retraso de pintado ~830 ms). Una banda de color de marca lleva titular,
   frase y filtros. La cifra no sale (Eduardo: «no aporta tanto»); la del
   filtro queda oculta, solo para lectores de pantalla.

   Agenda y su gemela catalana: el cuerpo lleva `rt-cab-ligera`. */

:root { --rt-cab-fondo: var(--rt-color-rojo-accesible); }

/* El hero del constructor, dentro de `main` como la seccion de actos (asi el
   titular y los filtros arrancan en la misma vertical a cualquier ancho) y con
   el color a pantalla completa por la sombra, no por el ancho de la fila. */
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) {
  min-height: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  left: 0 !important;
  transform: none !important;
  background: var(--rt-cab-fondo) !important;
  box-shadow: 0 0 0 100vmax var(--rt-cab-fondo);
  clip-path: inset(0 -100vmax);
}
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar__bg-layers { display: none !important; }
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-row__wrapper,
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-row__inner,
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-column {
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
}
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-row__wrapper { padding: 0 !important; margin: 0 !important; }
/* La misma medida que `.rt-events`: 78 rem y 1,25 rem de margen interior. */
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-row__inner {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 78rem !important;
  margin-inline: auto !important;
  padding: clamp(1.6rem, 3.5vw, 2.4rem) 1.25rem 0 !important;
}
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-column {
  padding: 0 !important;
  justify-content: flex-start !important;
}
/* Ni la cifra del hero ni el credito de la foto que ya no esta. */
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) p.rt-cabecera-dato,
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) p:has(a[href*="commons.wikimedia.org"]) { display: none !important; }
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) h1,
body.rt-cab-ligera main > .nectar-blocks-row:has(.rt-cabecera-dato) p {
  color: #fff !important;
  margin-bottom: .3rem !important;
}

/* Lo que sigue del bloque de actos: cabecera y filtros, en la misma banda. */
body.rt-cab-ligera main section.rt-events--filtrable { margin-top: 0 !important; padding-top: 0 !important; }
body.rt-cab-ligera main section.rt-events--filtrable .rt-events__head,
body.rt-cab-ligera main section.rt-events--filtrable [data-rt-filtro-barra] {
  margin: 0 !important;
  background: var(--rt-cab-fondo);
  box-shadow: 0 0 0 100vmax var(--rt-cab-fondo);
  clip-path: inset(0 -100vmax);
}
body.rt-cab-ligera main section.rt-events--filtrable .rt-events__eyebrow { display: none !important; }
/* El titular «Proximos actos» y la cifra, sin altura pero en el arbol de
   accesibilidad: el lector de pantalla sigue oyendo «12 actos» al filtrar. */
body.rt-cab-ligera main section.rt-events--filtrable .rt-events__head {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
body.rt-cab-ligera main section.rt-events--filtrable [data-rt-filtro-barra] {
  margin-top: -1px !important;
  padding: 1rem 0 1.8rem !important;
}
body.rt-cab-ligera main section.rt-events--filtrable .rt-selecta__rotulo { color: rgb(255 255 255 / 88%) !important; }

/* Noticias (y /ca/noticies/): el mismo bloque, con otra cabecera. La frase que
   dice de donde sale todo («Reunido cada hora de las fuentes de la ciudad…») se
   queda en la banda: es lo que hace creible la pagina. El titular y las cifras
   (piezas, fuentes) quedan solo para lectores de pantalla. */
/* La misma medida que `.rt-events` (78 rem y 1,25 rem de margen interior), para
   que el titular del hero y los filtros arranquen en la misma vertical. */
body.rt-cab-ligera main section.rt-news--tarjetas {
  box-sizing: border-box;
  max-width: 78rem;
  margin-top: 0 !important;
  margin-inline: auto !important;
  padding: 0 1.25rem !important;
}
body.rt-cab-ligera main section.rt-news--tarjetas .rt-news__head,
body.rt-cab-ligera main section.rt-news--tarjetas [data-rt-filtro-barra] {
  margin: 0 !important;
  background: var(--rt-cab-fondo);
  box-shadow: 0 0 0 100vmax var(--rt-cab-fondo);
  clip-path: inset(0 -100vmax);
}
body.rt-cab-ligera main section.rt-news--tarjetas .rt-news__head { padding: 0 !important; margin-top: -1px !important; }
body.rt-cab-ligera main section.rt-news--tarjetas .rt-news__eyebrow { display: none !important; }
body.rt-cab-ligera main section.rt-news--tarjetas .rt-news__head h2,
body.rt-cab-ligera main section.rt-news--tarjetas .rt-news__stat {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
body.rt-cab-ligera main section.rt-news--tarjetas .rt-news__intro {
  margin: 0 !important;
  max-width: 60ch;
  color: rgb(255 255 255 / 90%) !important;
  font-size: .95rem;
}
body.rt-cab-ligera main section.rt-news--tarjetas [data-rt-filtro-barra] {
  margin-top: -1px !important;
  margin-bottom: 1.6rem !important;
  padding: 1rem 0 1.8rem !important;
}
body.rt-cab-ligera main section.rt-news--tarjetas .rt-selecta__rotulo { color: rgb(255 255 255 / 88%) !important; }

/* ============================================================
   El resto de las secciones (29-oct, tema 0.88.0): Movilidad, Ocio,
   Barrios, Util, Trabajo y formacion, Asociaciones, Salud y Solidario,
   con sus subsecciones. Mismo rojo de marca y sin foto de fondo.
   `rt-cab-ligera--seccion` en el cuerpo. Las que tienen banda con foto
   (las cinco primeras) la pasan a color; las demas, que solo tenian un
   titulo suelto, lo llevan a la banda junto a su frase.
   ============================================================ */
/* La banda del constructor: a la medida del contenido de la pagina (sin los 78 rem de Agenda). */
body.rt-cab-ligera--seccion main > .nectar-blocks-row:has(.rt-cabecera-dato) .nectar-blocks-row__inner {
  max-width: none !important;
  padding: clamp(1.6rem, 3.5vw, 2.4rem) 0 clamp(1.4rem, 3vw, 2rem) !important;
}
/* Ocio monta unas tarjetas sobre el borde de la cabecera: la banda les deja sitio. */
body.rt-cab-ligera--seccion main > .nectar-blocks-row:has(.rt-cabecera-dato):has(+ .rt-ocio-ahora) .nectar-blocks-row__inner {
  padding-bottom: 5rem !important;
}

/* Las subsecciones: el titulo de la plantilla, en la banda. */
body.rt-cab-ligera--seccion .row.page-header-no-bg {
  margin: 0 !important;
  padding: clamp(1.4rem, 3vw, 2.2rem) 0 .2rem !important;
  background: var(--rt-cab-fondo) !important;
}
body.rt-cab-ligera--seccion .row.page-header-no-bg .section-title,
body.rt-cab-ligera--seccion .row.page-header-no-bg h1 { margin: 0 !important; color: #fff !important; }
body.rt-cab-ligera--seccion .row.page-header-no-bg h1 {
  font-size: clamp(2.4rem, 5.6vw, 4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.05em;
  line-height: 1;
}
/* Su frase, en la misma banda: el color a pantalla completa por la sombra. */
body.rt-cab-ligera--seccion main > p.wp-block-paragraph:first-child {
  margin: -1px 0 0 !important;
  padding: .3rem 0 clamp(1.4rem, 3vw, 2rem) !important;
  background: var(--rt-cab-fondo);
  box-shadow: 0 0 0 100vmax var(--rt-cab-fondo);
  clip-path: inset(0 -100vmax);
  color: rgb(255 255 255 / 92%) !important;
  font-size: 1.05rem;
}
/* El titulo y la cifra del listado repetian el de la pagina («Salud · 11 equipamientos»):
   solo para lectores de pantalla. */
body.rt-cab-ligera--seccion main > section.rt-places .rt-places__head,
body.rt-cab-ligera--seccion main > section.rt-shops .rt-shops__head {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}