/* viejas.css
   Capa de estilos para las paginas que todavia llevan contenido de Elementor
   (y de plantillas del tema Passim/Qode) dentro de nuestra cabecera y pie.
   No toca su contenido: solo cambia como se lee, con los tokens de la casa
   (piezas.css / design-system.css): Zodiak para titulos y citas, Archivo para
   texto, tinta y verde, nada de rojo.

   Paginas que cubre, todas por clase de body que pone WordPress:
   - Prensa:                 page-id-27414 (ES), page-id-27546 (EN)
   - Envios y devoluciones:  page-id-27457 (ES), page-id-27899 (EN)
   - Terminos y condiciones: page-id-27481 (ES), page-id-27907 (EN)
   - Entrada de blog:        body.single-post
   - Listado del blog:       page-id-3441 (ES), page-id-29888 (EN)
   En ninguna otra pagina debe cambiar nada. Todo va dentro de
   #qodef-page-content, asi que ni la cabecera ni el pie se ven afectados.

   Pendiente de encolar (lo hace otra persona), solo en esas paginas. */

/* Tokens con respaldo: en estas paginas no siempre esta cargado piezas.css. */
body.page-id-27414, body.page-id-27546,
body.page-id-27457, body.page-id-27899,
body.page-id-27481, body.page-id-27907,
body.page-id-3441,  body.page-id-29888,
body.single-post {
  --v-serif: var(--serif, var(--tlr-serif, 'Zodiak', Georgia, 'Times New Roman', serif));
  --v-sans:  var(--sans, var(--tlr-sans, 'Archivo', system-ui, -apple-system, sans-serif));
  --v-ink:   var(--ink, var(--tlr-ink, #1B1A17));
  --v-ink-soft: var(--ink-soft, var(--tlr-ink-soft, #3A382F));
  --v-verde: var(--verde-texto, var(--tlr-verde-texto, #5B6B55));
  --v-euc:   var(--eucalyptus, var(--tlr-eucalyptus, #CCD5C6));
  --v-bone:  var(--bone, var(--tlr-bone, #FFFFFF));
  --v-line:  var(--line, rgba(27, 26, 23, .11));
}

/* ==========================================================================
   1. PRENSA
   ========================================================================== */

/* Cita del carrusel: de titular en mayusculas a texto de cita. */
body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-text,
body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-text {
  font-family: var(--v-serif);
  font-size: 21px;
  line-height: 1.45;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal;
  max-width: 34em;
}
@media (min-width: 1024px) {
  body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-text,
  body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-text {
    font-size: 27px;
    line-height: 1.4;
  }
}

/* El icono de comillas y las flechas no pisan el texto: aire en el contorno. */
body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-inner,
body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-inner {
  padding: 32px 44px 36px;
}
body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-top,
body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-top {
  display: none;
}
@media (min-width: 1024px) {
  body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-inner,
  body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-inner {
    padding: 56px 88px 48px;
  }
}

/* Firma de la cita: pequena, en la sans, sin rojo. */
body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-author-name,
body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-author-name {
  font-family: var(--v-sans);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
}
body.page-id-27414 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-author-job,
body.page-id-27546 #qodef-page-content .qodef-qi-testimonials-slider .qodef-e-author-job {
  font-family: var(--v-sans);
  font-size: 13px;
  color: var(--v-ink-soft);
}

/* Titulo de la seccion (Testimonios y prensa). */
body.page-id-27414 #qodef-page-content .qodef-section-title .qodef-m-title,
body.page-id-27546 #qodef-page-content .qodef-section-title .qodef-m-title {
  font-family: var(--v-serif);
  font-weight: 400;
  letter-spacing: 0;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
}
body.page-id-27414 #qodef-page-content .qodef-section-title .qodef-m-subtitle,
body.page-id-27546 #qodef-page-content .qodef-section-title .qodef-m-subtitle {
  font-family: var(--v-sans);
  font-size: 15px;
  color: var(--v-ink-soft);
}

/* Rejilla de recortes: hueco uniforme, 2 columnas en movil y 4 en escritorio. */
body.page-id-27414 #qodef-page-content .qodef-clients-list > .qodef-grid-inner,
body.page-id-27546 #qodef-page-content .qodef-clients-list > .qodef-grid-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  width: 100%;
}
@media (min-width: 768px) {
  body.page-id-27414 #qodef-page-content .qodef-clients-list > .qodef-grid-inner,
  body.page-id-27546 #qodef-page-content .qodef-clients-list > .qodef-grid-inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}
body.page-id-27414 #qodef-page-content .qodef-clients-list > .qodef-grid-inner::before,
body.page-id-27414 #qodef-page-content .qodef-clients-list > .qodef-grid-inner::after,
body.page-id-27546 #qodef-page-content .qodef-clients-list > .qodef-grid-inner::before,
body.page-id-27546 #qodef-page-content .qodef-clients-list > .qodef-grid-inner::after {
  display: none;
}
body.page-id-27414 #qodef-page-content .qodef-clients-list .qodef-grid-item,
body.page-id-27546 #qodef-page-content .qodef-clients-list .qodef-grid-item {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body.page-id-27414 #qodef-page-content .qodef-clients-list img,
body.page-id-27546 #qodef-page-content .qodef-clients-list img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   2. ENVIOS Y DEVOLUCIONES, TERMINOS Y CONDICIONES
   Aqui hay parrafos enteros metidos en h4 y h5 (hasta 1.216 caracteres):
   se leen como texto normal. Los h1 y h2 de seccion van en Zodiak.
   ========================================================================== */

/* Titulos cortos de seccion. */
body.page-id-27457 #qodef-page-content h1.qodef-m-title,
body.page-id-27899 #qodef-page-content h1.qodef-m-title,
body.page-id-27481 #qodef-page-content h1.qodef-m-title,
body.page-id-27907 #qodef-page-content h1.qodef-m-title,
body.page-id-27457 #qodef-page-content h2.qodef-m-title,
body.page-id-27899 #qodef-page-content h2.qodef-m-title,
body.page-id-27481 #qodef-page-content h2.qodef-m-title,
body.page-id-27907 #qodef-page-content h2.qodef-m-title {
  font-family: var(--v-serif);
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  max-width: 68ch;
}

/* Titulares largos (h3 a h6 del widget de titulo de seccion): texto normal. */
body.page-id-27457 #qodef-page-content .qodef-section-title :is(h3, h4, h5, h6).qodef-m-title,
body.page-id-27899 #qodef-page-content .qodef-section-title :is(h3, h4, h5, h6).qodef-m-title,
body.page-id-27481 #qodef-page-content .qodef-section-title :is(h3, h4, h5, h6).qodef-m-title,
body.page-id-27907 #qodef-page-content .qodef-section-title :is(h3, h4, h5, h6).qodef-m-title,
/* Texto del widget de icono con texto. */
body.page-id-27457 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-text,
body.page-id-27899 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-text,
body.page-id-27481 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-text,
body.page-id-27907 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-text,
/* Parrafos y listas sueltas del editor. */
body.page-id-27457 #qodef-page-content .elementor-widget-text-editor,
body.page-id-27899 #qodef-page-content .elementor-widget-text-editor,
body.page-id-27481 #qodef-page-content .elementor-widget-text-editor,
body.page-id-27907 #qodef-page-content .elementor-widget-text-editor {
  font-family: var(--v-sans);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink-soft);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
  max-width: 68ch;
}

/* Titulos cortos de bloque (Paises europeos, Pedidos...): Zodiak sobrio. */
body.page-id-27457 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-title,
body.page-id-27899 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-title,
body.page-id-27481 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-title,
body.page-id-27907 #qodef-page-content .qodef-qi-icon-with-text .qodef-m-title {
  font-family: var(--v-serif);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
}

/* Que ningun enlace del cuerpo ni linea divisoria salga en un color ajeno. */
body.page-id-27457 #qodef-page-content a,
body.page-id-27899 #qodef-page-content a,
body.page-id-27481 #qodef-page-content a,
body.page-id-27907 #qodef-page-content a {
  color: var(--v-verde);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-id-27457 #qodef-page-content .elementor-divider-separator,
body.page-id-27899 #qodef-page-content .elementor-divider-separator,
body.page-id-27481 #qodef-page-content .elementor-divider-separator,
body.page-id-27907 #qodef-page-content .elementor-divider-separator {
  border-color: var(--v-line);
}

/* ==========================================================================
   3. ENTRADA DE BLOG (single post del tema)
   ========================================================================== */

body.single-post #qodef-page-content .qodef-blog.qodef--single {
  font-family: var(--v-sans);
  color: var(--v-ink-soft);
}

/* Titulo de la entrada. */
body.single-post #qodef-page-content .qodef-e-title {
  font-family: var(--v-serif);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  max-width: 68ch;
  margin: 0 0 24px;
}

/* Cuerpo. */
body.single-post #qodef-page-content .qodef-e-text :is(p, li) {
  font-family: var(--v-sans);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  text-transform: none;
  color: var(--v-ink-soft);
  max-width: 68ch;
}
body.single-post #qodef-page-content .qodef-e-text :is(h2, h3, h4) {
  font-family: var(--v-serif);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink);
  max-width: 68ch;
  -webkit-hyphens: none;
  hyphens: none;
}
body.single-post #qodef-page-content .qodef-e-text h2 {
  font-size: clamp(24px, 2.6vw, 30px);
  line-height: 1.25;
  margin: 1.6em 0 .6em;
}
body.single-post #qodef-page-content .qodef-e-text p,
body.single-post #qodef-page-content .qodef-e-text ul,
body.single-post #qodef-page-content .qodef-e-text ol {
  margin-bottom: 1.2em;
}
body.single-post #qodef-page-content .qodef-e-text a {
  color: var(--v-verde);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.single-post #qodef-page-content .qodef-e-info-date,
body.single-post #qodef-page-content .qodef-e-info-date a {
  font-family: var(--v-sans);
  font-size: 14px;
  color: var(--v-ink-soft);
}

/* Imagenes al 100 % del ancho de lectura. */
body.single-post #qodef-page-content .qodef-blog.qodef--single img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.single-post #qodef-page-content .qodef-e-text figure {
  margin: 1.6em 0;
  max-width: 100%;
}
body.single-post #qodef-page-content .qodef-blog.qodef--single .qodef-e-media {
  margin-bottom: 24px;
}

/* Una sola columna centrada: la barra lateral (redes, buscador, entradas y
   comentarios recientes con nombres de prueba) se oculta. */
body.single-post #qodef-page-content .qodef-page-sidebar-section,
body.single-post #qodef-page-content #qodef-page-sidebar,
body.page-id-3441 #qodef-page-content .qodef-page-sidebar-section,
body.page-id-3441 #qodef-page-content #qodef-page-sidebar,
body.page-id-29888 #qodef-page-content .qodef-page-sidebar-section,
body.page-id-29888 #qodef-page-content #qodef-page-sidebar {
  display: none !important;
}
/* 2 oct: el listado del blog también, a una columna (su barra llevaba la caja
   de autor y los comentarios recientes con nombres de prueba). */
body.page-id-3441 #qodef-page-content .qodef-page-content-section,
body.page-id-29888 #qodef-page-content .qodef-page-content-section,
body.single-post #qodef-page-content .qodef-page-content-section {
  float: none;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Fuera: caja de compartir gris, caja de autor, comentarios y relacionadas. */
body.single-post #qodef-page-content .qodef-e-info-social-share,
body.single-post #qodef-page-content .qodef-social-share,
body.single-post #qodef-page-content .qodef-blog.qodef--single .qodef-info--bottom,
body.single-post #qodef-page-content #qodef-page-comments,
body.single-post #qodef-page-content #qodef-related-posts,
body.single-post #qodef-page-content .qodef-author-info,
body.single-post #qodef-page-content #qodef-page-sidebar .widget_passim_core_author_info,
body.single-post #qodef-page-content .qodef-e-info-author {
  display: none !important;
}

/* ==========================================================================
   4. LISTADO DEL BLOG
   ========================================================================== */

body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-inner,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-inner {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list article,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list article {
  margin-bottom: 56px;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list img,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-media,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-media {
  margin-bottom: 20px;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-title,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-title {
  font-family: var(--v-serif);
  font-size: clamp(24px, 2.6vw, 30px);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink);
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  margin: 0 0 12px;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-title a,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-title a {
  color: inherit;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-excerpt,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-excerpt {
  font-family: var(--v-sans);
  font-size: 16px;
  line-height: 1.7;
  text-transform: none;
  color: var(--v-ink-soft);
  max-width: 68ch;
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-info-date,
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-info-date a,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-info-date,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-info-date a {
  font-family: var(--v-sans);
  font-size: 14px;
  color: var(--v-ink-soft);
}
body.page-id-3441 #qodef-page-content .qodef-blog.qodef--list .qodef-e-info-author,
body.page-id-29888 #qodef-page-content .qodef-blog.qodef--list .qodef-e-info-author {
  display: none !important;
}

/* "Seguir leyendo": enlace subrayado en vez de boton con borde. */
body.page-id-3441 #qodef-page-content .qodef-e-read-more .qodef-button,
body.page-id-29888 #qodef-page-content .qodef-e-read-more .qodef-button {
  display: inline-block;
  padding: 0 !important;
  min-height: 0;
  height: auto;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--v-sans);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--v-ink) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
body.page-id-3441 #qodef-page-content .qodef-e-read-more .qodef-button:hover,
body.page-id-29888 #qodef-page-content .qodef-e-read-more .qodef-button:hover {
  color: var(--v-verde) !important;
  background: transparent !important;
}
body.page-id-3441 #qodef-page-content .qodef-e-read-more .qodef-button .qodef-m-text,
body.page-id-29888 #qodef-page-content .qodef-e-read-more .qodef-button .qodef-m-text {
  color: inherit;
}