/* The Lab Room · tipografía A (Oak) en las páginas que aún pinta Passim: Prensa y Mi cuenta. 18 de octubre de 2026
   (feedback/2026-10-17-dani/DIRECCION-diseno-referencias.md, sección "18 oct"). Igual que `entrada.css`: la encola el
   mu-plugin SOLO en esas páginas, después de `viejas.css`, y solo cambia la letra. Ni colores ni sitio.
   - Títulos de sección: Zodiak 300, 46 px a 1440 y 34 px en el móvil (Prensa, Acceder / Registrarse; los de
     Direcciones, que Passim pintaba en Syne, pasan a Zodiak 300 a su tamaño).
   - Citas de Prensa: Zodiak 300, mismo tamaño.
   - Texto: Archivo 300 14,5/1,75.
   - Etiquetas (medio de la cita, menú de Mi cuenta, que Passim pintaba en Syne 700 a 20 px): Archivo 600 11,5 versal
     +0,16 em.
   - En Mi cuenta NO se tocan campos, botones ni etiquetas de formulario.
   Tokens de design-system.css (que en estas páginas sí se carga) con su valor de reserva. */

/* ---------- Prensa (27414 ES / 27546 EN, las mismas que en viejas.css) ---------- */
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .qodef-section-title .qodef-m-title {
  font-weight: var(--tlr-t-titulo-peso, 300);
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.15;
}
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-text {
  font-weight: var(--tlr-t-titulo-peso, 300);
}
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .qodef-section-title .qodef-m-subtitle,
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-author-job {
  font: var(--tlr-t-cuerpo, 300 14.5px/1.75 'Archivo', sans-serif);
}
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-author-name {
  font: var(--tlr-t-etiqueta, 600 11.5px/1.3 'Archivo', sans-serif);
  letter-spacing: var(--tlr-t-etiqueta-ls, .16em);
  text-transform: uppercase;
}

/* ---------- Mi cuenta ---------- */
body.woocommerce-account #qodef-page-content :is(.u-column1, .u-column2) > h2 {
  font-family: var(--tlr-serif, 'Zodiak', Georgia, serif);
  font-weight: var(--tlr-t-titulo-peso, 300);
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.15;
}
body.woocommerce-account #qodef-page-content .woocommerce-Address-title h2 {
  font-family: var(--tlr-serif, 'Zodiak', Georgia, serif);
  font-weight: var(--tlr-t-titulo-peso, 300);
}
body.woocommerce-account #qodef-page-content .woocommerce-privacy-policy-text p,
body.woocommerce-account #qodef-page-content .woocommerce-MyAccount-content > p,
body.woocommerce-account #qodef-page-content .woocommerce-MyAccount-content address {
  font: var(--tlr-t-cuerpo, 300 14.5px/1.75 'Archivo', sans-serif);
}
/* Con el texto en 300, `bolder` da 400 y la negrita apenas se nota. */
body.woocommerce-account #qodef-page-content .woocommerce-MyAccount-content > p :is(strong, b) { font-weight: 500; }
body.woocommerce-account #qodef-page-content .woocommerce-MyAccount-navigation li a {
  font: var(--tlr-t-etiqueta, 600 11.5px/1.3 'Archivo', sans-serif);
  letter-spacing: var(--tlr-t-etiqueta-ls, .16em);
  text-transform: uppercase;
}

/* ---------- Prensa: el margen lateral de las demás páginas, 18 oct (lo único que NO es letra en esta hoja) ----------
   Las dos secciones de Elementor iban a sangre: el contenido quedaba a 10 px del borde en español y a 100 / 34 px en
   inglés (la página inglesa lleva otros rellenos). Ahora, como `.wrap` de piezas.css (blog, contacto): hasta 1500 px
   y `--pad` a los lados (72 px a 1440, 20 px a 390). El relleno interior de las columnas en los bordes exteriores se
   quita para que el contenido caiga justo en el margen; el hueco entre columnas se queda. */
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .elementor > .elementor-section.elementor-top-section {
  max-width: 1500px;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 5vw, 6rem);
}
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .elementor-top-section > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap { padding-left: 0; }
body:is(.page-id-27414, .page-id-27546) #qodef-page-content .elementor-top-section > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap { padding-right: 0; }
@media (max-width: 767px) {
  /* En el móvil las columnas van una debajo de otra: todas tocan los dos bordes. */
  body:is(.page-id-27414, .page-id-27546) #qodef-page-content .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-left: 0; padding-right: 0; }
  /* La caja de citas en inglés: su Elementor le mete 40 px a la izquierda del bloque y 40 + 40 al texto, y la cita
     salía a 60 px del borde y a unas tres palabras por línea. Como en español: alineada con el título y a todo el ancho. */
  body.page-id-27546 #qodef-page-content .elementor-widget-qi_addons_for_elementor_testimonials_slider > .elementor-widget-container { padding-left: 0; }
  body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-text { padding-left: 0; padding-right: 0; }
}