/**
 * Capa tipográfica de la maqueta aprobada (editorial.css de la maqueta del
 * resto de la web). Se carga al final, después de todo el CSS del tema, y
 * fija familias, pesos, tamaños, interlineado y espaciado de letras de cada
 * rol. Un solo archivo para poder revisarlo contra la maqueta y revertirlo
 * (respaldo de los archivos previos con sufijo .bak-2oct-tipografia).
 *
 * Fuentes: Cormorant Garamond (títulos) y DM Sans (lectura), autoalojadas
 * (ver variables.css). La marca (wordmark) usa Georgia, igual que la maqueta.
 *
 * Valores de la maqueta (escritorio / ≤1000px / ≤700px):
 *   h1 página   clamp(45px, 5.2vw, 76px) · ls -1.7px · lh 1.06 · burdeos  (≤700: 48px)
 *   h1 ficha    64px (≤1000: 52px)
 *   h2 sección  clamp(34px, 3.6vw, 48px) · lh 1.06 · burdeos
 *   h3 tarjeta  24px (≤700: 22px) · h3 general 26px
 *   eyebrow     12px · ls 2.1px · w500 · mayúsculas (≤700: 11px)
 *   cuerpo      16px / 1.6 · botones 13px · ls .6px · sin mayúsculas
 */

/* ---------- Títulos de página (h1) ---------- */
body .mka-tienda-intro__titulo,
body .mka-sets-vitrina-intro__titulo,
body .mka-guia-hero__titulo,
body .mka-contacto-hero__titulo,
body .mka-envios-hero__titulo,
body .mka-faq-hero__titulo,
body .mka-garantia-hero__titulo,
body .mka-tallas-hero__titulo,
body .mka-pago-hero__titulo,
body.woocommerce-cart .entry-title,
body.woocommerce-checkout:not(.woocommerce-order-received) .entry-title,
body.woocommerce-account .entry-title {
	font-family: var(--mka-font-display);
	font-size: clamp(45px, 5.2vw, 76px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -1.7px;
	color: var(--mka-color-burdeos);
}

body .mka-hero__titulo,
body .mka-hero__panel--tipografico .mka-hero__titulo {
	font-family: var(--mka-font-display);
	font-size: clamp(45px, 5.2vw, 76px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -1.7px;
	color: var(--mka-color-burdeos);
}

body .mka-producto-info__nombre {
	font-family: var(--mka-font-display);
	font-size: 64px;
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -1.7px;
	color: var(--mka-color-burdeos);
}

/* ---------- Títulos de sección (h2) ---------- */
body .mka-favoritos__titulo,
body .mka-sets__titulo,
body .mka-esencia__titulo,
body .mka-guia-gemas__titulo,
body .mka-instagram__titulo,
body .mka-guia-capitulo__h2,
body .mka-contacto-asesoria__titulo,
body .mka-envios-seccion__titulo,
body .mka-faq-categoria__titulo,
body .mka-garantia-seccion__titulo,
body .mka-garantia-promesa__titulo,
body .mka-tallas-promesa__titulo,
body .mka-tallas-capitulo__titulo,
body .mka-pago-metodos__titulo,
body .mka-producto-relacionados__titulo,
body .mka-confirmacion__titulo {
	font-family: var(--mka-font-display);
	font-size: clamp(34px, 3.6vw, 48px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: 0;
	color: var(--mka-color-burdeos);
}

/* Sobre fondo burdeos el título queda en crema. */
body .mka-esencia__titulo {
	color: var(--mka-color-crema);
}

/* ---------- Nombres de pieza (h3 de tarjeta) ---------- */
body .mka-producto-card__nombre,
body .mka-tienda-grid .mka-producto-card__nombre,
body .mka-producto-relacionados__grid .mka-producto-card__nombre,
body .mka-sets-vitrina-grid .mka-producto-card__nombre {
	font-family: var(--mka-font-display);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: 0;
	margin-top: 14px;
}

body .mka-producto-card__precio {
	font-size: 13px;
	letter-spacing: 0;
	margin-top: 5px;
	color: #75675c;
}

/* ---------- Eyebrows ---------- */
body .mka-hero__eyebrow,
body .mka-sets-vitrina-intro__eyebrow,
body .mka-guia-hero__eyebrow,
body .mka-guia-capitulo__eyebrow,
body .mka-contacto-hero__eyebrow,
body .mka-contacto-asesoria__eyebrow,
body .mka-tallas-capitulo__eyebrow {
	font-family: var(--mka-font-body);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2.1px;
	text-transform: uppercase;
	line-height: 1.6;
}

/* ---------- Texto de lectura ---------- */
body .mka-tienda-intro__texto,
body .mka-guia-hero__parrafo,
body .mka-contacto-hero__parrafo,
body .mka-envios-hero__parrafo,
body .mka-garantia-hero__parrafo,
body .mka-tallas-hero__parrafo,
body .mka-envios-seccion__texto,
body .mka-garantia-seccion__texto,
body .mka-pago-metodos__intro,
body .mka-pago-item__texto,
body .mka-guia-capitulo__texto,
body .mka-esencia__parrafo,
body .mka-contacto-asesoria__texto {
	font-size: 16px;
	line-height: 1.6;
}

body .mka-producto__descripcion {
	font-size: 16px;
	line-height: 1.6;
}

/* ---------- Botones y enlaces de acción ---------- */
body .mka-producto-info__cta,
body .mka-producto__info .single_add_to_cart_button,
body .mka-contraentrega__boton,
body .mka-hero__cta,
body .mka-contacto__cta,
body .mka-contacto__cta-secundario,
body .mka-bolsa-vacia__cta,
body .wc-block-cart__submit-button,
body .wc-block-components-checkout-place-order-button,
body .wc-block-components-button.wp-element-button {
	font-family: var(--mka-font-body);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.6px;
	text-transform: none;
	line-height: 1.6;
}

body .mka-sets__enlace,
body .mka-tienda-cargar-mas__link,
body .mka-tienda-cargar-mas__fin,
body .mka-tienda-categorias__link {
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
}

/* ---------- Navegación de escritorio ---------- */
body .site-header__menu-list a,
body .site-header__bolsa-texto {
	font-family: var(--mka-font-body);
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
}

/* ---------- Marca (wordmark) ---------- */
body .site-header__logo,
body .site-footer__wordmark {
	font-family: var(--mka-font-marca);
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
}

body .site-header__logo {
	color: var(--mka-color-burdeos);
}

/* ---------- Pie de página ---------- */
body .site-footer__titulo {
	font-family: var(--mka-font-body);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

body .site-footer__tagline {
	font-family: var(--mka-font-display);
	font-size: 25px;
	line-height: 1.2;
}

/* ---------- ≤1000px ---------- */
@media (max-width: 1000px) {
	body .mka-producto-info__nombre {
		font-size: 52px;
	}

	body .site-header__logo {
		font-size: 21px;
	}
}

/* ---------- ≤700px ---------- */
@media (max-width: 700px) {
	body .mka-hero__titulo,
	body .mka-tienda-intro__titulo,
	body .mka-sets-vitrina-intro__titulo,
	body .mka-guia-hero__titulo,
	body .mka-contacto-hero__titulo,
	body .mka-envios-hero__titulo,
	body .mka-faq-hero__titulo,
	body .mka-garantia-hero__titulo,
	body .mka-tallas-hero__titulo,
	body .mka-pago-hero__titulo,
	body.woocommerce-cart .entry-title,
	body.woocommerce-checkout:not(.woocommerce-order-received) .entry-title,
	body.woocommerce-account .entry-title {
		font-size: 48px;
	}

	body .mka-producto-card__nombre,
	body .mka-tienda-grid .mka-producto-card__nombre,
	body .mka-producto-relacionados__grid .mka-producto-card__nombre,
	body .mka-sets-vitrina-grid .mka-producto-card__nombre {
		font-size: 22px;
	}

	body .mka-producto-card__precio {
		font-size: 12px;
	}

	body .mka-hero__eyebrow,
	body .mka-sets-vitrina-intro__eyebrow,
	body .mka-guia-hero__eyebrow,
	body .mka-guia-capitulo__eyebrow,
	body .mka-contacto-hero__eyebrow,
	body .mka-contacto-asesoria__eyebrow,
	body .mka-tallas-capitulo__eyebrow {
		font-size: 11px;
	}

	body .site-header__logo {
		font-size: 18px;
		letter-spacing: 2px;
	}
}

/* ---------- Tienda: filtros (maqueta: DM Sans 14px) ---------- */
body .mka-tienda-gemas__link,
body .mka-tienda-gemas__nombre {
	font-family: var(--mka-font-body);
	font-size: 14px;
	letter-spacing: 0;
}

body .mka-tienda-categorias__link {
	font-size: 14px;
}

body .mka-tienda-gemas__etiqueta {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2.1px;
}

body .mka-tienda-filtros__label,
body .mka-tienda-filtros__select {
	font-size: 13px;
	letter-spacing: 0;
}

/* ---------- Ficha de producto ---------- */
body .mka-producto-info__precio {
	font-size: 21px;
	line-height: 1.6;
}

body .mka-producto-breadcrumb {
	font-size: 12px;
	letter-spacing: 0;
}

body .mka-producto-acordeon summary {
	font-size: 14px;
}

body .mka-producto-acordeon__lista,
body .mka-producto-acordeon__texto {
	font-size: 14px;
	line-height: 1.6;
}

body .mka-producto-set__titulo {
	font-size: 26px;
}

body .set-opciones__titulo,
body .mka-set-opciones__titulo {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2.1px;
}

/* ---------- Botones principales y secundarios (maqueta: burdeos, 48px de alto) ---------- */
body .mka-producto__info .single_add_to_cart_button,
body .mka-producto-info__cta,
body .mka-contacto__cta,
body .wc-block-cart__submit-button,
body .wc-block-components-checkout-place-order-button,
body .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-container a,
body a.wc-block-cart__submit-button,
body .wc-block-components-button.wp-element-button {
	min-height: 48px;
	padding: 12px 25px;
	background-color: var(--mka-color-burdeos);
	border: 1px solid var(--mka-color-burdeos);
	color: var(--mka-color-crema);
}

body .mka-producto__info .single_add_to_cart_button:hover,
body .mka-producto__info .single_add_to_cart_button:focus-visible,
body .mka-producto-info__cta:hover,
body .mka-producto-info__cta:focus-visible,
body .mka-contacto__cta:hover,
body .mka-contacto__cta:focus-visible,
body .wc-block-cart__submit-button:hover,
body .wc-block-components-checkout-place-order-button:hover,
body .wc-block-components-button.wp-element-button:hover {
	background-color: #652b36;
	border-color: #652b36;
	color: var(--mka-color-marfil);
}

body .mka-contraentrega__boton {
	min-height: 48px;
	padding: 12px 25px;
	color: var(--mka-color-burdeos);
	border-color: var(--mka-color-burdeos);
}

body .mka-contraentrega__boton:hover,
body .mka-contraentrega__boton:focus-visible {
	background-color: var(--mka-color-burdeos);
	color: var(--mka-color-crema);
}

body .mka-hero__cta {
	color: var(--mka-color-burdeos);
	border-color: var(--mka-color-burdeos);
}

/* ---------- Roles de la maqueta para el texto secundario ----------
   Sin compensaciones propias: cada rol toma el valor del rol equivalente de
   editorial.css (el texto bajo el título = párrafo de .page-intro; subtítulos
   de bloque = h3 de 26px; preguntas y navegación = DM Sans 14px; títulos de
   secciones de ayuda = h2 de 38px). */
body .mka-envios-hero__subtitulo,
body .mka-faq-hero__subtitulo,
body .mka-garantia-hero__subtitulo,
body .mka-tallas-hero__subtitulo,
body .mka-pago-hero__subtitulo {
	font-family: var(--mka-font-body);
	font-style: normal;
	font-size: 16px;
	line-height: 1.6;
	color: #75675c;
}

/* Títulos de las secciones de ayuda: .help-body h2 = 38px (≤700px: 33px). */
body .mka-envios-seccion__titulo,
body .mka-garantia-seccion__titulo,
body .mka-garantia-promesa__titulo,
body .mka-faq-categoria__titulo,
body .mka-tallas-promesa__titulo,
body .mka-tallas-capitulo__titulo,
body .mka-pago-metodos__titulo {
	font-size: 38px;
}

/* Subtítulos de bloque y frases destacadas: h3 de la maqueta (26px). */
body .mka-envios-seccion__lead,
body .mka-guia-capitulo__emocion,
body .mka-guia-cierre__texto,
body .mka-envios-cierre__texto,
body .mka-faq-cierre__texto,
body .mka-garantia-cierre__texto,
body .mka-tallas-cierre__texto,
body .mka-pago-cierre__texto,
body .mka-contacto-cierre__gracias,
body .mka-faq-enlace__pregunta,
body .mka-pago-item__nombre,
body .mka-tallas-referencia__titulo,
body .mka-confirmacion__subtitulo,
body .mka-envios-paso__numero,
body .mka-garantia-paso__numero {
	font-size: 26px;
	line-height: 1.25;
}

/* Preguntas, índices y entradas de ayuda: DM Sans 14px, como el resumen de los acordeones y .help-nav a. */
body .mka-faq-item summary,
body .mka-faq-indice__item {
	font-family: var(--mka-font-body);
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.6;
}

/* Introducciones en cursiva sin equivalente en la maqueta: párrafo de lectura. */
body .mka-faq-categoria__intro,
body .mka-garantia-promesa__intro,
body .mka-tallas-promesa__intro {
	font-family: var(--mka-font-body);
	font-style: normal;
	font-size: 16px;
	line-height: 1.6;
	color: #75675c;
}

/* Datos de contacto: texto de lectura. */
body .mka-contacto-info__valor,
body .mka-contacto-asesoria__rapidos a {
	font-family: var(--mka-font-body);
	font-size: 16px;
}

body .mka-tallas-silueta__leyenda,
body .mka-tallas-consejo {
	font-size: 14px;
}

/* Guía de Gemas: .guide-card h2 = 38px (≤700px: 29px). */
body .mka-guia-indice__nombre {
	font-size: 38px;
}

@media (max-width: 700px) {
	body .mka-envios-seccion__titulo,
	body .mka-garantia-seccion__titulo,
	body .mka-garantia-promesa__titulo,
	body .mka-faq-categoria__titulo,
	body .mka-tallas-promesa__titulo,
	body .mka-tallas-capitulo__titulo,
	body .mka-pago-metodos__titulo {
		font-size: 33px;
	}

	body .mka-guia-indice__nombre {
		font-size: 29px;
	}
}

/* WooCommerce añade reglas con !important al botón nativo: se igualan aquí. */
body .mka-producto__info button.single_add_to_cart_button.button.alt {
	background-color: var(--mka-color-burdeos) !important;
	border-color: var(--mka-color-burdeos) !important;
	color: var(--mka-color-crema) !important;
}

body .mka-producto__info button.single_add_to_cart_button.button.alt:hover,
body .mka-producto__info button.single_add_to_cart_button.button.alt:focus-visible {
	background-color: #652b36 !important;
	border-color: #652b36 !important;
	color: var(--mka-color-marfil) !important;
}

/* Móvil: la marca debe caber junto al menú y la bolsa. */
@media (max-width: 700px) {
	body .site-header__logo {
		font-size: 16px;
		letter-spacing: 1.5px;
	}
}

body .mka-producto__info button.single_add_to_cart_button.button.alt.disabled,
body .mka-producto__info button.single_add_to_cart_button.button.alt.disabled:hover,
body .mka-producto__info button.single_add_to_cart_button.button.alt.disabled:focus-visible {
	background-color: var(--mka-color-burdeos) !important;
	border-color: var(--mka-color-burdeos) !important;
	color: var(--mka-color-crema) !important;
}

/* Contraentrega (ficha y bolsa): contorno burdeos, igual que el botón secundario de la maqueta. */
body .mka-contraentrega__boton {
	border: 1px solid var(--mka-color-burdeos) !important;
	color: var(--mka-color-burdeos) !important;
}

body .mka-contraentrega__boton:hover,
body .mka-contraentrega__boton:focus-visible {
	background-color: var(--mka-color-burdeos) !important;
	color: var(--mka-color-crema) !important;
}