/*
 * proteccion-de-datos — misma escala que el resto de secciones.
 *
 * Esta página lleva su propio CSS dentro del contenido (guardado en la base
 * de datos). El tema imprime esta hoja al final del documento, después de
 * ese bloque, así que gana con la misma especificidad. Si se reedita el
 * diseño de la página en WordPress, revisa que estas reglas sigan casando.
 */

/*
 * Contenedor de 1240 px, como el menú superior y las demás secciones
 * (la página traía 1320 px).
 */
.vcpd-page {
  --vcpd-shell: 1240px;
}

.vcpd-shell {
  width: min(calc(100% - 32px), var(--vcpd-shell));
}

/* Titular con el mismo tamaño, grosor e interlineado que el resto de secciones. */
.vcpd-hero h1 {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.035em;
}

/* Contenido de la cabecera sin tope de ancho: llega al borde de la cabecera. */
.vcpd-hero h1,
.vcpd-hero .vcpd-hero-copy {
  max-width: none;
}

@media (max-width: 680px) {
  .vcpd-shell {
    width: min(calc(100% - 24px), var(--vcpd-shell));
  }

  .vcpd-hero h1 {
    font-size: 30px;
  }
}