/* Ocultar la pestaña flotante de Cookies Plus */
#cookiesplus-tab { display: none !important; }

/* =====================================================================
   ESCALA TIPOGRÁFICA DE ENCABEZADOS (Poppins)
   La base rem de la web es 12px, por eso se usan px fijos.
   H1 32 · H2 24 · H3 20 · H4 16 · H5/H6 13 (móvil: 26 · 20 · 18)
   Se aplica a: título de página y textos de contenido (.rte-content:
   portada, descripciones de categoría, fichas, CMS).
   No toca: títulos de miniatura (14px), carrito ni mi cuenta.
   ===================================================================== */

/* H1: título de página (categoría, ficha, CMS) y H1 dentro de contenido */
body #content-wrapper h1.page-title,
body .rte-content h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.4px;
}

/* H2 a H4 dentro de textos de contenido */
body .rte-content h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin: 1.5em 0 .5em;
}
body .rte-content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin: 1.3em 0 .5em;
}
body .rte-content h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  margin: 1.2em 0 .4em;
}

/* Títulos de Image Box (iconos de ventajas) como <div>: replican el aspecto
   que tenían como H3 (negro, negrita, interlineado y margen) */
body .elementor-widget-image-box .elementor-image-box-title {
  font-family: var(--masi-font);
  font-weight: 700;
  color: #000;
  line-height: 1.1;
  margin-bottom: .5rem;
}

/* Título de producto en miniaturas: ahora es <h3> (antes <h2>).
   Replica las reglas del editor del tema, que apuntaban a h2.h3.product-title */
body .product-miniature h3.h3.product-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px;
  margin: 4px 0 6px;
  font-family: var(--masi-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--masi-ink) !important;
  text-align: center;
}

/* Títulos de bloque del footer: ahora son <p class="block-title"> (antes <h5>),
   con el mismo aspecto que tenían */
body #footer p.block-title {
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.1 !important;
  margin-bottom: 10.4px;
  padding-bottom: 6.5px;
}

/* Títulos de sección de módulos (productos relacionados, misma categoría,
   vistos): ahora son <h2> (antes <h4>), conservando el tamaño que tenían */
body h2.section-title {
  font-size: 13.5px;
  line-height: 1.1;
}

/* Título "Tienda" del árbol de categorías (columna izquierda): ahora <p> (antes <h5>) */
body #left-column .block-categories p.block-title {
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.1 !important;
  margin-bottom: 11.2px;
  padding-bottom: 7px;
}

/* Texto legal del copyright: pasa de <h6> a <p> (se cambia en el editor del tema).
   Mantiene su aspecto: 12px, negrita, centrado */
body #footer-copyrights .copyright-txt p:first-child {
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.1 !important;
  margin-bottom: 6px;
}

@media (max-width: 767px) {
  body #content-wrapper h1.page-title,
  body .rte-content h1 { font-size: 26px; }
  body .rte-content h2 { font-size: 20px; }
  body .rte-content h3 { font-size: 18px; }
}