/* Moda Patty Divina: secciones de contenido (inicio, guía de tallas, tienda). */

/* Etiquetas pequeñas y títulos de sección */
.mpd-eyebrow { margin: 0 0 14px; font-family: var(--global-body-font-family); font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: .2em; text-transform: uppercase; color: var(--global-palette5); }
.mpd-sec-title { margin-bottom: 28px; }
.mpd-lead { font-size: 18px; line-height: 1.7; max-width: 46ch; }

/* Hero */
h1.mpd-hero-title { font-size: clamp(44px, 5.6vw, 76px); line-height: 1.04; margin: 0 0 22px; }
.mpd-hero-title mark { background: linear-gradient(transparent 64%, var(--global-palette2) 64%, var(--global-palette2) 90%, transparent 90%); color: inherit; font-style: italic; padding: 0 .06em 0.04em; }
.mpd-hero-ctas { margin-top: 30px; gap: 14px; }
.mpd-hero-img { margin: 0; }
.mpd-hero-img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 18px 18px 0 var(--global-palette2); }
@media (max-width: 767px) {
	.mpd-hero-img { margin-right: 12px; }
	.mpd-hero-img img { box-shadow: 12px 12px 0 var(--global-palette2); }
}

/* Categorías */
.mpd-cat-tile { min-height: 280px; justify-content: flex-end; transition: filter .2s; }
.mpd-cat-tile > .kt-inside-inner-col { justify-content: flex-end; min-height: 280px; }
.mpd-cat-tile h3 { margin: 0 0 6px; font-size: 30px; }
.mpd-cat-tile .mpd-eyebrow { margin-bottom: 10px; }
.mpd-cat-link { margin: 0; font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--global-palette3); }
.mpd-cat-tile:hover { filter: brightness(.97); }
@media (max-width: 767px) {
	.mpd-cat-tile, .mpd-cat-tile > .kt-inside-inner-col { min-height: 180px; }
	/* Kadence fija el relleno por bloque; en móvil lo reducimos para que el nombre quepa en una línea. */
	.mpd-cats .mpd-cat-tile > .kt-inside-inner-col { padding: 18px 14px !important; }
	.mpd-cat-tile h3 { font-size: 21px; overflow-wrap: normal; word-break: normal; hyphens: none; }
	.mpd-cat-tile .mpd-eyebrow, .mpd-cat-link { font-size: 10px; letter-spacing: .12em; }
}

/* Novedades: tarjetas de producto (bloque Product Collection de WooCommerce) */
.mpd-news { border-top: 1px solid var(--global-palette6); }
.mpd-products .wc-block-product-template { gap: 40px 24px; }
.mpd-products .wc-block-components-product-image img { aspect-ratio: 4 / 5; object-fit: cover; }
.mpd-products .wp-block-post-title { margin: 12px 0 4px; font-family: var(--global-body-font-family); font-size: 16px; font-weight: 500; line-height: 1.4; }
.mpd-products .wp-block-post-title a { color: var(--global-palette3); text-decoration: none; }
.mpd-products .wp-block-post-title a:hover { text-decoration: underline; text-decoration-color: var(--global-palette2); text-underline-offset: 4px; }
.mpd-products .wc-block-components-product-price { font-size: 15px; color: var(--global-palette3); }
.mpd-products .wc-block-components-product-price del { color: var(--global-palette5); }
.mpd-products .wc-block-components-product-price ins { text-decoration: none; font-weight: 500; }
.mpd-products .wp-block-button__link, .mpd-products .wc-block-components-product-button__button {
	width: 100%; margin-top: 8px; border: 1px solid var(--global-palette6); border-radius: 2px;
	background: var(--global-palette9); color: var(--global-palette3);
	font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
}
.mpd-products .wp-block-button__link:hover, .mpd-products .wc-block-components-product-button__button:hover { background: var(--global-palette1); border-color: var(--global-palette1); color: var(--global-palette3); }
.mpd-products .wc-block-components-product-sale-badge { border: 0; border-radius: 0; background: var(--global-palette3); color: var(--global-palette9); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.mpd-more { margin-top: 48px; }

/* Beneficios */
.mpd-perks { border-top: 1px solid var(--global-palette6); border-bottom: 1px solid var(--global-palette6); }
.mpd-perk-title { margin: 0 0 4px; font-size: 15px; font-weight: 500; color: var(--global-palette3); }
.mpd-perk-text { margin: 0; font-size: 14px; line-height: 1.5; color: var(--global-palette5); }

/* Tabla de tallas */
.mpd-chart { margin: 0; }
.mpd-chart table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.mpd-chart thead { border: 0; }
.mpd-chart th { padding: 12px 14px; border: 0; background: var(--global-palette7); text-align: left; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--global-palette5); }
.mpd-chart td { padding: 13px 14px; border: 0; border-top: 1px solid var(--global-palette6); color: var(--global-palette4); }
.mpd-chart td strong { color: var(--global-palette3); font-weight: 500; }
.mpd-chart figcaption, .mpd-chart .wp-element-caption { margin-top: 10px; font-size: 13px; color: var(--global-palette5); text-align: left; }
.mpd-guide-page .kadence-column:last-child .mpd-chart th { background: var(--global-palette9); }
.mpd-tip { padding: 16px 18px; background: var(--global-palette8); font-size: 15px; }

/* WhatsApp */
.mpd-wa-btns { gap: 12px; justify-content: flex-end; }
@media (max-width: 767px) { .mpd-wa-btns { justify-content: flex-start; } }
