/* CISIP · estilos complementarios al theme.json (manual de marca v1.0) */

:root {
  --cisip-foco: #1F6680;
  --cisip-reticula: #E4EDF1;
}

/* Formas: nada redondeado salvo píldoras y círculos. Sin sombras. */
img,
.wp-block-image img,
.wp-block-group,
.wp-block-cover,
.wp-block-embed,
.wp-block-table table,
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  border-radius: 0;
  box-shadow: none;
}

/* Foco de teclado: anillo sólido de 2 px en petróleo medio, separado 2 px */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 2px solid var(--cisip-foco);
  outline-offset: 2px;
  box-shadow: none;
}

/* Tipos de texto del manual */
.is-style-etiqueta,
.cisip-etiqueta {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--etiqueta);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.35;
  color: var(--wp--preset--color--petroleo);
}
.has-petroleo-background-color .is-style-etiqueta,
.has-petroleo-background-color .cisip-etiqueta {
  color: var(--wp--preset--color--bruma);
}

.is-style-entradilla {
  font-family: var(--wp--preset--font-family--source-serif);
  font-size: var(--wp--preset--font-size--entradilla);
  line-height: 1.5;
}

.is-style-nota,
.cisip-nota {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--nota);
  line-height: 1.45;
  color: var(--wp--preset--color--pizarra);
}
.has-petroleo-background-color .is-style-nota,
.has-petroleo-background-color .cisip-nota {
  color: var(--wp--preset--color--bruma);
}

h2.is-style-cifra,
h3.is-style-cifra,
p.is-style-cifra,
.is-style-cifra {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--cifra);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--coral);
}

/* Interfaz: botones, menús, pies de foto */
.wp-block-button__link,
.wp-block-navigation,
.wp-block-search__button,
.wp-element-caption,
figcaption {
  font-family: var(--wp--preset--font-family--schibsted);
}

/* Botón de contorno (píldora) */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
  background: transparent;
  color: var(--wp--preset--color--petroleo);
  border: 2px solid var(--wp--preset--color--petroleo);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .wp-block-button.is-style-outline .wp-block-button__link {
  color: var(--wp--preset--color--blanco);
  border-color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-petroleo-background-color .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
  background: var(--wp--preset--color--blanco);
  color: var(--wp--preset--color--petroleo);
}
.has-petroleo-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--wp--preset--color--blanco);
  color: var(--wp--preset--color--petroleo);
  border-color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: var(--wp--preset--color--bruma);
  border-color: var(--wp--preset--color--bruma);
}

/* Enlaces y texto sobre bloques petróleo: todo en blanco */
.has-petroleo-background-color,
.has-petroleo-background-color h1,
.has-petroleo-background-color h2,
.has-petroleo-background-color h3,
.has-petroleo-background-color h4,
.has-petroleo-background-color p {
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color a:not(.wp-block-button__link) {
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--bruma);
}

/* Tarjeta: rectángulo con borde fino, sin sombra */
.wp-block-group.is-style-tarjeta {
  border: 2px solid var(--wp--preset--color--bruma);
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--blanco);
}
.wp-block-group.is-style-tarjeta.has-niebla-background-color,
.wp-block-group.is-style-tarjeta.has-bruma-background-color {
  border-color: transparent;
}

/* Anillo abierto (supergráfico): recortado por el borde, abertura arriba a la derecha */
.wp-block-group.is-style-anillo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.wp-block-group.is-style-anillo::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -14vw;
  bottom: -22vw;
  width: 44vw;
  height: 44vw;
  min-width: 320px;
  min-height: 320px;
  border: 0.085em solid var(--wp--preset--color--bruma);
  border-width: clamp(28px, 4vw, 56px);
  border-top-color: transparent;
  border-radius: 50%;
  transform: rotate(45deg);
  pointer-events: none;
}
.wp-block-group.is-style-anillo.has-petroleo-background-color::before {
  border-color: var(--wp--preset--color--petroleo-medio);
  border-top-color: transparent;
  opacity: 0.6;
}

/* Retícula de puntos para fondos de portada */
.cisip-reticula {
  background-image: radial-gradient(var(--cisip-reticula) 1.5px, transparent 1.6px);
  background-size: 24px 24px;
  background-position: 0 0;
}
.cisip-reticula.has-petroleo-background-color {
  --cisip-reticula: rgba(255, 255, 255, 0.18);
}

/* Listas con viñeta de punto */
ul.is-style-puntos {
  list-style: none;
  padding-left: 1.25rem;
}
ul.is-style-puntos li {
  position: relative;
  margin-bottom: 0.6em;
}
ul.is-style-puntos li::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 0.62em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--wp--preset--color--petroleo);
}
.has-petroleo-background-color ul.is-style-puntos li::before {
  background: var(--wp--preset--color--coral);
}

/* Retrato circular */
.wp-block-image.is-style-retrato img,
.wp-block-post-featured-image.is-style-retrato img,
.cisip-retrato img {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Etiquetas de taxonomía como píldoras */
.wp-block-post-terms a {
  display: inline-block;
  padding: 0.25em 0.8em;
  border: 1.5px solid var(--wp--preset--color--petroleo);
  border-radius: 999px;
  text-decoration: none;
  color: var(--wp--preset--color--petroleo);
}
.wp-block-post-terms a:hover {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
}
.wp-block-post-terms .wp-block-post-terms__separator {
  display: none;
}

/* Secciones de página: el contenido se alinea al borde izquierdo del ancho "wide",
   de modo que títulos, entradillas y botones queden en la misma vertical que las tarjetas y columnas. */
.entry-content > .wp-block-group.alignfull.is-layout-constrained,
main.cisip-perfil > .wp-block-group.alignfull.is-layout-constrained {
  padding-left: max(var(--wp--style--root--padding-left, 1.5rem), calc((100% - var(--wp--style--global--wide-size)) / 2));
  padding-right: max(var(--wp--style--root--padding-right, 1.5rem), calc((100% - var(--wp--style--global--wide-size)) / 2));
}
.entry-content > .wp-block-group.alignfull.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.aligncenter)),
main.cisip-perfil > .wp-block-group.alignfull.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.aligncenter)) {
  margin-left: 0 !important;
}

/* Encabezado */
.cisip-header {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
}
.cisip-header .wp-block-site-logo img,
.cisip-header .cisip-header__logo img {
  display: block;
  height: 56px;
  width: auto;
}
.cisip-header .cisip-header__logo {
  display: inline-block;
  line-height: 0;
}
.cisip-header .cisip-header__logo:focus-visible {
  outline: 2px solid var(--wp--preset--color--blanco);
  outline-offset: 4px;
}
.cisip-header .wp-block-navigation a,
.cisip-header .wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--blanco);
  font-family: var(--wp--preset--font-family--schibsted);
  font-weight: 500;
  padding: 0.35em 0;
  text-decoration: none;
}
.cisip-header .wp-block-navigation .wp-block-navigation-item__content:hover {
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.6);
}
.cisip-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
  box-shadow: inset 0 -2px 0 var(--wp--preset--color--coral);
}
.cisip-header .wp-block-navigation a:focus-visible {
  outline: 2px solid var(--wp--preset--color--blanco);
  outline-offset: 3px;
}
/* Botón Donar: píldora de contorno blanco */
.cisip-header .cisip-donar {
  display: inline-block;
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--interfaz);
  font-weight: 500;
  line-height: 1.4;
  padding: 0.45em 1.2em;
  border: 2px solid var(--wp--preset--color--blanco);
  border-radius: 999px;
  color: var(--wp--preset--color--blanco);
  text-decoration: none;
  white-space: nowrap;
}
.cisip-header .cisip-donar:hover,
.cisip-header .cisip-donar:focus-visible {
  background: var(--wp--preset--color--blanco);
  color: var(--wp--preset--color--petroleo);
  outline: none;
}
.cisip-donar--proximamente {
  border-style: dashed;
}
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
  padding: var(--wp--preset--spacing--40);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 1rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: var(--wp--preset--font-size--titular-3);
  font-weight: 700;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--wp--preset--color--blanco);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  color: var(--wp--preset--color--blanco);
}

/* Pie de página */
.cisip-footer {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
}
.cisip-footer a {
  color: var(--wp--preset--color--blanco);
}
.cisip-footer .cisip-footer-logo img {
  height: 56px;
  width: auto;
}
.cisip-footer .wp-block-navigation a {
  text-decoration: none;
}
.cisip-footer .wp-block-navigation a:hover {
  text-decoration: underline;
}

/* Enlaces sociales en píldora (lista de enlaces) */
.cisip-pildoras {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.cisip-pildoras a,
a.cisip-pildora {
  display: inline-block;
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--interfaz);
  font-weight: 500;
  line-height: 1.4;
  padding: 0.45em 1.1em;
  border: 2px solid currentColor;
  border-radius: 999px;
  text-decoration: none;
  color: var(--wp--preset--color--petroleo);
}
.cisip-pildoras a:hover,
a.cisip-pildora:hover {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
  border-color: var(--wp--preset--color--petroleo);
}
.has-petroleo-background-color .cisip-pildoras a,
.cisip-footer .cisip-pildoras a {
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .cisip-pildoras a:hover,
.cisip-footer .cisip-pildoras a:hover {
  background: var(--wp--preset--color--blanco);
  color: var(--wp--preset--color--petroleo);
  border-color: var(--wp--preset--color--blanco);
}

/* Correo con botón de copiar */
.cisip-correo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  font-family: var(--wp--preset--font-family--schibsted);
}
.cisip-correo__direccion {
  font-size: var(--wp--preset--font-size--titular-3);
  font-weight: 700;
  color: var(--wp--preset--color--petroleo);
  text-decoration: none;
  word-break: break-all;
}
.cisip-correo__direccion:hover {
  text-decoration: underline;
}
.cisip-correo__copiar {
  font: inherit;
  font-size: var(--wp--preset--font-size--interfaz);
  font-weight: 500;
  line-height: 1.4;
  padding: 0.5em 1.2em;
  border: 2px solid var(--wp--preset--color--petroleo);
  border-radius: 999px;
  background: transparent;
  color: var(--wp--preset--color--petroleo);
  cursor: pointer;
}
.cisip-correo__copiar:hover,
.cisip-correo__copiar[data-copiado="1"] {
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .cisip-correo__direccion,
.cisip-footer .cisip-correo__direccion {
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .cisip-correo__copiar,
.cisip-footer .cisip-correo__copiar {
  border-color: var(--wp--preset--color--blanco);
  color: var(--wp--preset--color--blanco);
}
.has-petroleo-background-color .cisip-correo__copiar:hover,
.cisip-footer .cisip-correo__copiar:hover,
.has-petroleo-background-color .cisip-correo__copiar[data-copiado="1"],
.cisip-footer .cisip-correo__copiar[data-copiado="1"] {
  background: var(--wp--preset--color--blanco);
  color: var(--wp--preset--color--petroleo);
}
.cisip-correo__estado {
  font-size: var(--wp--preset--font-size--nota);
  color: var(--wp--preset--color--pizarra);
  min-width: 6ch;
}
.has-petroleo-background-color .cisip-correo__estado,
.cisip-footer .cisip-correo__estado {
  color: var(--wp--preset--color--bruma);
}

/* Datos de documento, columna y evento (salida de los shortcodes) */
.cisip-datos {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--nota);
  color: var(--wp--preset--color--pizarra);
  margin: 0;
}
.cisip-datos > span + span::before {
  content: " · ";
}
.cisip-datos strong {
  color: var(--wp--preset--color--petroleo);
  font-weight: 500;
}
.cisip-pdf {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.cisip-pdf__tamano {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--nota);
  color: var(--wp--preset--color--pizarra);
}
.cisip-sin-dato {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--nota);
  color: var(--wp--preset--color--pizarra);
  border: 1.5px dashed var(--wp--preset--color--azul-grisaceo);
  padding: 0.5rem 0.75rem;
  margin: 0;
}

/* Listado de documentos: portada vertical */
.cisip-doc .wp-block-post-featured-image img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border: 1px solid var(--wp--preset--color--bruma);
}
.cisip-doc .wp-block-post-title a {
  text-decoration: none;
}
.cisip-doc .wp-block-post-title a:hover {
  text-decoration: underline;
}

/* Equipo: retratos */
.cisip-persona .wp-block-post-featured-image img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
}
.cisip-persona .wp-block-post-title a {
  text-decoration: none;
}

/* Grid responsivo de tarjetas */
.cisip-grid-2 > .wp-block-post {
  min-width: 0;
}

/* Fotos de archivo en duotono petróleo a bruma: filtro disponible en el editor; aquí la clase manual */
.cisip-duotono img {
  filter: url(#wp-duotone-petroleo-bruma);
}

/* Sección Cifras: contenedor del tablero */
.cisip-tablero {
  border: 2px solid var(--wp--preset--color--bruma);
  background: var(--wp--preset--color--niebla);
  min-height: 420px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: var(--wp--preset--spacing--40);
}
.cisip-tablero iframe {
  width: 100%;
  min-height: 720px;
  border: 0;
}

/* Saltar al contenido */
.cisip-saltar {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--wp--preset--color--petroleo);
  color: var(--wp--preset--color--blanco);
  padding: 0.75rem 1.25rem;
  z-index: 1000;
  font-family: var(--wp--preset--font-family--schibsted);
}
.cisip-saltar:focus {
  left: 1rem;
  top: 1rem;
}

/* Embeds de X y otros: ancho natural, centrado */
.wp-block-embed.is-type-rich .wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
}

/* Texto pequeño nunca en coral: forzamos coral oscuro en texto corrido que lo use */
p.has-coral-color,
li.has-coral-color,
span.has-coral-color {
  color: var(--wp--preset--color--coral-oscuro) !important;
}
h1.has-coral-color,
h2.has-coral-color,
.is-style-cifra.has-coral-color {
  color: var(--wp--preset--color--coral) !important;
}

@media (max-width: 781px) {
  .cisip-header .wp-block-site-logo img,
  .cisip-header .cisip-header__logo img {
    height: 44px;
  }
  .cisip-header .cisip-donar {
    font-size: var(--wp--preset--font-size--nota);
    padding: 0.4em 0.9em;
  }
  .cisip-doc .wp-block-post-featured-image {
    max-width: 55%;
  }
  .cisip-persona .wp-block-post-featured-image {
    max-width: 140px;
  }
  .wp-block-group.is-style-anillo::before {
    right: -40vw;
    bottom: -50vw;
    width: 90vw;
    height: 90vw;
  }
}

/* Opinión: trinos destacados
   Todas las tarjetas miden lo mismo: el texto se recorta a --cisip-trino-lineas líneas
   (con puntos suspensivos) y, si el trino no cabe, cisip.js añade "Ver más" en el pie.
   Sin JavaScript el texto queda recortado y "Ver en X" lleva al trino completo. */
.cisip-trino {
  --cisip-trino-lineas: 6;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
  box-sizing: border-box;
  width: 100%;
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--blanco);
  border: 2px solid var(--wp--preset--color--bruma);
}
/* En la rejilla, cada tarjeta mide lo suyo (no se estira con la fila): así, al abrir
   un trino largo, las vecinas conservan su tamaño. */
.wp-block-post-template.is-layout-grid > .wp-block-post.trino {
  align-self: start;
}
/* Cabecera en dos líneas fijas (cuenta · red / fecha) para que mida lo mismo en todas
   las tarjetas, sea cual sea el largo de la cuenta o del mes. */
.cisip-trino__cabecera {
  display: grid;
  grid-template-columns: minmax(0, max-content) 1fr;
  column-gap: 0.6rem;
  margin: 0;
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--nota);
  line-height: 1.5;
  color: var(--wp--preset--color--pizarra);
  white-space: nowrap;
}
.cisip-trino__cabecera strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--wp--preset--color--petroleo);
}
.cisip-trino__cabecera > * + *::before {
  content: "·";
  margin-right: 0.6rem;
}
.cisip-trino__cabecera > time {
  grid-column: 1 / -1;
}
.cisip-trino__cabecera > time::before {
  content: none;
}
.cisip-trino__texto {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--cisip-trino-lineas);
  line-clamp: var(--cisip-trino-lineas);
  height: calc(var(--cisip-trino-lineas) * 1.5em);
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: var(--wp--preset--font-size--cuerpo);
  line-height: 1.5;
}
.cisip-trino__texto p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.cisip-trino__texto p + p {
  margin-top: 0.75em;
}
.cisip-trino.is-abierto .cisip-trino__texto {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: none;
  height: auto;
  overflow: visible;
}
.cisip-trino__pie {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem var(--wp--preset--spacing--20);
}
.cisip-trino__enlace,
.cisip-trino__mas {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--interfaz);
  font-weight: 500;
}
.cisip-trino__enlace {
  align-self: flex-start;
}
.cisip-trino__pie .cisip-trino__enlace {
  align-self: auto;
  margin-left: auto;
}
.cisip-trino__mas {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  color: var(--wp--preset--color--petroleo-medio);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  cursor: pointer;
}
.cisip-trino__mas:hover {
  color: var(--wp--preset--color--petroleo);
}
.cisip-trino__mas[hidden] {
  display: none;
}

/* Opinión: entrevistas y programas */
.cisip-aparicion .cisip-aparicion__imagen {
  margin: calc(-1 * var(--wp--preset--spacing--30)) calc(-1 * var(--wp--preset--spacing--30)) var(--wp--preset--spacing--30);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--wp--preset--color--bruma);
  border-bottom: 2px solid var(--wp--preset--color--bruma);
}
.cisip-aparicion .cisip-aparicion__imagen a {
  display: block;
  height: 100%;
}
.cisip-aparicion .cisip-aparicion__imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cisip-aparicion .cisip-aparicion__imagen--vacia {
  display: grid;
  place-items: center;
}
.cisip-aparicion .cisip-aparicion__imagen--vacia img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

/* Menú móvil abierto: alineado a la izquierda con margen */
.cisip-header .wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
}
.cisip-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  align-items: flex-start;
}
.cisip-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  align-items: flex-start;
  justify-content: flex-start;
}

/* Perfiles del equipo */
.cisip-temas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.cisip-temas li {
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--nota);
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 0.3em 0.85em;
  border-radius: 999px;
  background: var(--wp--preset--color--bruma);
  color: var(--wp--preset--color--petroleo);
}
.cisip-persona .is-style-tarjeta .cisip-temas {
  margin-top: 0.25rem;
}
.cisip-perfil__cabecera .cisip-perfil__foto img {
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--wp--preset--color--blanco);
}
.cisip-perfil__cabecera h1 {
  margin-bottom: 0.2em;
}
.cisip-perfil__cabecera .cisip-perfil__cargo {
  margin-top: 0;
}
.cisip-perfil__cabecera .cisip-temas {
  margin: var(--wp--preset--spacing--30) 0;
}
.cisip-perfil__bio > * + * {
  margin-top: var(--wp--preset--spacing--30);
}
.cisip-perfil__bio > p:first-child {
  font-size: var(--wp--preset--font-size--entradilla, 1.25rem);
  line-height: 1.5;
}
.cisip-perfil__lateral {
  border-left: 2px solid var(--wp--preset--color--bruma);
  padding-left: var(--wp--preset--spacing--50);
}
.cisip-perfil__bloque + .cisip-perfil__bloque {
  margin-top: var(--wp--preset--spacing--50);
}
.cisip-perfil__bloque .cisip-etiqueta,
.cisip-perfil__obras .cisip-etiqueta {
  margin-bottom: var(--wp--preset--spacing--20);
}
.cisip-perfil__lista {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cisip-perfil__lista li {
  position: relative;
  padding-left: 1.1rem;
  margin-bottom: 0.65rem;
  font-family: var(--wp--preset--font-family--schibsted);
  font-size: var(--wp--preset--font-size--interfaz);
  line-height: 1.45;
}
.cisip-perfil__lista li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--wp--preset--color--coral);
}
.cisip-perfil__publicaciones {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--wp--preset--spacing--50);
  margin-bottom: var(--wp--preset--spacing--50);
}
.cisip-perfil__obras-lista {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cisip-perfil__obras-lista li {
  padding: 0.75rem 0;
  border-top: 1px solid var(--wp--preset--color--bruma);
}
.cisip-perfil__obras-lista a {
  font-family: var(--wp--preset--font-family--schibsted);
  font-weight: 700;
  text-decoration: none;
  color: var(--wp--preset--color--petroleo);
}
.cisip-perfil__obras-lista a:hover {
  text-decoration: underline;
}
.cisip-perfil__obras-lista .cisip-datos {
  display: block;
  margin-top: 0.2rem;
}
@media (max-width: 781px) {
  .cisip-perfil__cabecera .cisip-perfil__foto img {
    width: 160px;
    height: 160px;
  }
  .cisip-perfil__lateral {
    border-left: 0;
    border-top: 2px solid var(--wp--preset--color--bruma);
    padding-left: 0;
    padding-top: var(--wp--preset--spacing--40);
  }
}

/* Tarjetas en rejilla: todas con la misma altura (la fila manda) y el último elemento pegado abajo */
.wp-block-post-template.is-layout-grid > .wp-block-post {
  display: flex;
  min-width: 0;
}
.wp-block-post-template.is-layout-grid > .wp-block-post > .wp-block-group.is-style-tarjeta {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.wp-block-post-template.is-layout-grid > .wp-block-post > .wp-block-group.is-style-tarjeta > :last-child {
  margin-top: auto;
}
.wp-block-post-template.is-layout-grid > .wp-block-post > .wp-block-group.is-style-tarjeta > :last-child:not(:first-child) {
  padding-top: var(--wp--preset--spacing--20);
}
/* Tarjetas dentro de columnas (p. ej. las cuatro condiciones de Quiénes somos): misma altura que la fila */
.wp-block-columns .wp-block-column > .wp-block-group.is-style-tarjeta:only-child {
  height: 100%;
  box-sizing: border-box;
}

/* Redes en la cabecera (1.6.3): logos en blanco y en una sola fila. En pantallas anchas van entre
   el menú y el botón Donar; por debajo de 1080 px (donde ya no caben sin partir el menú en dos
   líneas) pasan a una franja propia debajo, alineada a la derecha. */
.cisip-header .cisip-redes-iconos {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
}
.cisip-header .cisip-redes-iconos .wp-social-link {
  margin: 0;
  font-size: 20px;
  color: var(--wp--preset--color--blanco) !important;
  background: none !important;
}
.cisip-header .cisip-redes-iconos .wp-social-link a {
  display: flex;
  padding: 0.25rem;
  color: inherit;
  border-radius: 4px;
}
.cisip-header .cisip-redes-iconos .wp-social-link a:hover {
  opacity: 0.75;
}
.cisip-header .cisip-redes-iconos .wp-social-link a:focus-visible {
  outline: 2px solid var(--wp--preset--color--blanco);
  outline-offset: 2px;
}
.cisip-header .cisip-header__redes-movil {
  display: none;
}
@media (max-width: 1079px) {
  .cisip-header .cisip-header__derecha > .cisip-redes-iconos {
    display: none;
  }
  .cisip-header .cisip-header__redes-movil {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--wp--preset--spacing--20);
  }
}

/* 1.7.0 · Encabezado fijo arriba: el menú principal acompaña al desplazamiento (y no se repite en el pie).
   Lo fijo es el contenedor de la parte de plantilla (header.wp-block-template-part), no .cisip-header:
   un elemento sticky solo se mantiene dentro de su padre, y el padre de .cisip-header mide lo mismo que él. */
header.wp-block-template-part,
.wp-block-template-part:has(> .cisip-header) {
  position: sticky;
  top: 0;
  z-index: 100;
}
body.admin-bar header.wp-block-template-part,
body.admin-bar .wp-block-template-part:has(> .cisip-header) {
  top: var(--wp-admin--admin-bar--height, 32px);
}
html {
  scroll-padding-top: 6rem;
}

/* 1.7.0 · Investigaciones en prelanzamiento: aviso "Próximamente" */
.cisip-proximamente__tarjeta.is-style-tarjeta {
  padding: var(--wp--preset--spacing--50);
  border-left: 6px solid var(--wp--preset--color--coral);
}
.cisip-proximamente__tarjeta > * + * {
  margin-top: var(--wp--preset--spacing--30);
}
.cisip-proximamente__tarjeta h2 {
  max-width: 24ch;
  margin: 0;
}
.cisip-proximamente__tarjeta > p:not(.is-style-etiqueta) {
  max-width: 60ch;
}
.cisip-proximamente__tarjeta .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  margin-top: var(--wp--preset--spacing--40);
}
.cisip-proximamente__tarjeta .wp-block-buttons .wp-block-button {
  margin: 0;
}
/* Franja "Síguenos" con iconos (misma presentación que en la portada; portada.css solo carga en Inicio) */
.cisip-proximamente .cisip-redes-franja {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  margin-top: var(--wp--preset--spacing--40);
}
.cisip-proximamente .cisip-redes-franja .is-style-etiqueta {
  margin: 0;
}
.cisip-proximamente .cisip-redes-iconos.wp-block-social-links {
  gap: 0.25rem 0.5rem;
}
.cisip-proximamente .cisip-redes-iconos .wp-block-social-link a:focus-visible {
  outline: 2px solid var(--wp--preset--color--petroleo-medio);
  outline-offset: 2px;
  border-radius: 999px;
}