/*! MrWonderSex — ajustes del sitio sobre el diseño (mws-design.css). Colores = variables de la paleta de Bricks (--mws-*).
 * Ordenado por componentes. En la fase 3 cada bloque pasa a clases globales / estilos de tema de Bricks. */

/* ==== 1. Base: tipografía, enlaces y foco ==== */
:where(.mws-page, .mws-product, .mws-shop-v3, .mws-blog-index, .mws-article-page) :is(h1, h2, h3) { font-family: "DM Sans", Arial, sans-serif; }
:where(.mws-page, .mws-product, .mws-shop-v3, .mws-blog-index, .mws-article-page, .mws-commerce) :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--mws-red); outline-offset: 2px; }
/* Enlaces dentro de un texto: subrayados (no se distinguen solo por el color) */
:is(.mws-page-content, .mws-article-content, .mws-contact, .mws-seo-content, .woocommerce-privacy-policy-text, .woocommerce-form-login, .woocommerce-info, .woocommerce-message) p a:not(.button),
.mws-page .mws-intro a { text-decoration: underline; text-underline-offset: 2px; }

/* ==== 1b. Cabecera: en tableta y móvil, logo | herramientas | botón del menú (el Nav nested va al final) ==== */
@media (max-width: 1180px) { body .mws-global-header .mws-head-row { grid-template-columns: minmax(0, 1fr) auto 44px !important; gap: 10px !important; } }
@media (max-width: 767px) { body .mws-global-header .mws-head-row { gap: 7px !important; } }

/* ==== 2. Migas de pan (Rank Math) ==== */
.rank-math-breadcrumb p { margin: 0; }
.mws-breadcrumb .rank-math-breadcrumb, .mws-catalog-breadcrumb .rank-math-breadcrumb { font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 1.5; text-transform: uppercase; color: var(--mws-muted); overflow-wrap: anywhere; }
.mws-breadcrumb .rank-math-breadcrumb a, .mws-catalog-breadcrumb .rank-math-breadcrumb a { color: inherit; text-decoration: underline; text-decoration-color: rgba(99,82,84,.4); text-underline-offset: 3px; }
.mws-breadcrumb .rank-math-breadcrumb a:hover, .mws-catalog-breadcrumb .rank-math-breadcrumb a:hover { color: var(--mws-action); text-decoration-color: currentColor; }

/* ==== 3. Home: un solo H1 con la palabra clave (antetítulo) + el eslogan del diseño ==== */
.mws-home .hero-title .mws-h1-kw { display: block; margin: 0 0 .35em; color: var(--mws-action); font-family: "DM Sans", Arial, sans-serif; font-size: clamp(14px, 1.3vw, 18px); font-weight: 800; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; }

/* Enlaces sueltos de la home («Todos los artículos →»…): área táctil mínima de 24 px */
.mws-home p > a:only-child { display: inline-flex; align-items: center; min-height: 24px; }

/* ==== 4. Catálogo (tienda y categorías) ==== */
.mws-shop-v3 .mws-catalog-slogan { margin: 6px 0 0; color: var(--mws-action); font: 800 clamp(20px, 2.4vw, 30px)/1.1 "DM Sans", Arial, sans-serif; letter-spacing: -.01em; }
.mws-shop-v3 .mws-subcategories { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
.mws-shop-v3 .mws-subcategories a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid #e3dade; border-radius: 999px; background: var(--mws-white); color: var(--mws-text); font-size: 14px; font-weight: 650; text-decoration: none; }
.mws-shop-v3 .mws-subcategories a:hover { border-color: var(--mws-action); color: var(--mws-action); }
/* Filtros de Bricks: texto legible y casillas con área táctil ≥ 24 px */
.mws-native-filters { color: var(--mws-text); }
.mws-native-filters :is(label, .brx-option-text, li) { color: var(--mws-text) !important; opacity: 1 !important; font-size: 14px; }
.mws-native-filters li label { display: flex; align-items: center; gap: 8px; min-height: 28px; cursor: pointer; }
.mws-native-filters input[type=checkbox], .mws-native-filters input[type=radio] { width: 18px; height: 18px; margin: 0; accent-color: var(--mws-action); }
.mws-native-filters .min-max-value, .mws-native-filters .value-wrap { color: var(--mws-muted); font-size: 13px; }
/* Etiquetas del control de precio: solo para lectores de pantalla (el valor visible va en .value-wrap) */
.mws-native-filters .double-slider-wrap > label { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Barra de resultados + orden (catálogo y búsqueda): el selector no sale de su sitio */
.mws-catalog-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.mws-catalog-toolbar .brxe-woocommerce-products-orderby { flex: 0 1 auto; width: auto; min-width: 0; }
.mws-catalog-toolbar .woocommerce-ordering { position: static !important; margin: 0 !important; transform: none !important; }
.mws-catalog-toolbar .woocommerce-ordering select { min-height: 44px; max-width: 100%; }

/* Deslizadores del precio: área táctil de 24 px (tirador de 22 px) */
.mws-native-filters .double-slider-wrap input[type=range] { height: 24px; background-size: 100% 4px !important; background-position: center !important; background-repeat: no-repeat !important; background-color: transparent !important; }
.mws-native-filters .double-slider-wrap .value-wrap { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 8px; font-size: 12px; }
.mws-native-filters .double-slider-wrap .value-wrap .value { white-space: nowrap; }
.mws-native-filters .double-slider-wrap input[type=range]::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: #d9ccd1; }
.mws-native-filters .double-slider-wrap input[type=range]::-moz-range-track { height: 4px; border-radius: 4px; background: #d9ccd1; }
.mws-native-filters .double-slider-wrap input[type=range]::-webkit-slider-thumb { width: 22px; height: 22px; margin-top: -9px; border: 2px solid var(--mws-action); border-radius: 50%; background: var(--mws-white); }
.mws-native-filters .double-slider-wrap input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border: 2px solid var(--mws-action); border-radius: 50%; background: var(--mws-white); }

/* Tableta y móvil (≤ 1100 px): sin barra lateral; botón «Filtrar» flotante que abre los filtros en una hoja inferior */
@media (max-width: 1100px) {
	.mws-shop-v3 .mws-catalog-layout { display: block !important; }
	.mws-shop-v3 .mws-native-filter-rail { display: none !important; }
	.mws-shop-v3 .mws-filter-disclosure { display: block !important; position: fixed; left: 16px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 1002; width: min(220px, calc(50% - 20px)); }
	.mws-shop-v3 .mws-filter-disclosure > summary { display: flex; align-items: center; justify-content: center; height: 46px; list-style: none; border: 1px solid #cbbfc4; border-radius: 999px; background: var(--mws-white); color: var(--mws-ink); font-size: 14px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 24px rgba(35,11,24,.12); }
	.mws-shop-v3 .mws-filter-disclosure > summary::-webkit-details-marker { display: none; }
	.mws-shop-v3 .mws-filter-disclosure:not([open]) > .mws-mobile-filter-content { display: none; }
	.mws-shop-v3 .mws-filter-disclosure[open] > .mws-mobile-filter-content { position: fixed; left: 12px; right: 12px; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); max-height: 70vh; overflow-y: auto; margin: 0; padding: 20px; border: 1px solid var(--mws-line-soft); border-radius: 20px; background: var(--mws-white); box-shadow: 0 -12px 40px rgba(35,11,24,.18); }
}

/* ==== 5. Tarjeta de producto (tienda, categorías, búsqueda, home y relacionados) ==== */
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 16px !important; margin: 0 !important; padding: 0; }
.mws-shop-v3 .mws-products-grid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product { display: flex !important; flex-direction: column; gap: 10px; width: auto !important; min-width: 0; min-height: 0 !important; margin: 0 !important; padding: 12px !important; border: 0 !important; border-radius: 16px !important; background: var(--mws-white) !important; box-shadow: none !important; float: none !important; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; border-radius: 12px !important; background: var(--mws-white) !important; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > .dynamic:first-child { display: block; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; }
/* Producto sin foto: hueco cuadrado con la imagen genérica (la fila no se descuadra) */
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > .dynamic:first-child:not(:has(img)) { background: var(--mws-surface) url(/wp-content/uploads/woocommerce-placeholder-300x300.png) center / 55% no-repeat; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(h2, h3, .woocommerce-loop-product__title) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font: 700 13px/1.35 "DM Sans", Arial, sans-serif !important; letter-spacing: .01em; text-transform: uppercase; color: var(--mws-ink); overflow-wrap: anywhere; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(h2, h3) a { color: inherit; text-decoration: none; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .price,
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > div:has(.woocommerce-Price-amount) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: 0 !important; color: var(--mws-ink); }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .woocommerce-Price-amount { font-size: 17px !important; font-weight: 800; color: inherit; white-space: nowrap; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product del { color: var(--mws-muted); opacity: 1; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product del .woocommerce-Price-amount { font-size: 14px !important; font-weight: 500; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product ins { text-decoration: none; color: var(--mws-action); }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > div:has(.button) { margin-top: auto !important; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: auto !important; min-height: 44px !important; margin: 0 !important; padding: 10px 14px !important; border: 0 !important; border-radius: 999px !important; background: var(--mws-action) !important; color: var(--mws-white) !important; font: 800 13px/1.2 "DM Sans", Arial, sans-serif !important; text-align: center; text-transform: none; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .button:hover { background: var(--mws-action-hover) !important; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .button::before,
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .button::after { content: none !important; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .added_to_cart { display: block; margin-top: 6px; color: var(--mws-action); font-size: 13px; font-weight: 700; text-align: center; text-decoration: underline; }
:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .star-rating { float: none; margin: 0; font-size: 11px; color: #ff6312; }
@media (max-width: 1100px) { :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mws-shop-v3 .mws-products-grid ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) ul.products, .mws-shop-v3 .mws-products-grid ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 10px !important; }
	:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product { padding: 8px !important; gap: 8px; }
	:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(h2, h3) { font-size: 12px !important; }
	:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .woocommerce-Price-amount { font-size: 15px !important; }
	:is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .button { font-size: 12px !important; padding: 8px 10px !important; }
}

/* ==== 6. Ficha de producto (plantilla MWS — Ficha de producto) ==== */
.mws-product { width: 100%; background: var(--mws-white); color: var(--mws-ink); font: 16px/1.5 "DM Sans", Arial, sans-serif; }
.mws-product .mws-product-wrap { max-width: 1440px; margin: 0 auto; padding: 24px 72px 64px; }
.mws-product .mws-breadcrumb { margin: 0 0 20px; }
.mws-product .mws-product-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 48px; align-items: start; }
.mws-product .mws-product-title { margin: 0 0 10px; font: 700 clamp(26px, 2.8vw, 40px)/1.1 "DM Sans", Arial, sans-serif; letter-spacing: -.01em; text-transform: uppercase; color: var(--mws-ink); overflow-wrap: anywhere; }
.mws-product .mws-product-price { margin: 10px 0 16px; font-size: 26px; font-weight: 800; color: var(--mws-action); }
.mws-product .mws-product-price del { color: var(--mws-muted); font-size: .7em; font-weight: 500; margin-right: 8px; opacity: 1; }
.mws-product .mws-product-price ins { text-decoration: none; }
.mws-product .mws-product-cart .stock { display: none; } /* ya lo muestra el elemento «Stock» (también cuando no hay existencias) */
.mws-product .mws-product-stock .stock { margin: 0 0 12px; font-weight: 700; }
.mws-product .mws-product-stock .in-stock { color: #18794e; }
.mws-product .mws-product-cart form.cart:not(.variations_form), .mws-product .mws-product-cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; }
.mws-product .mws-product-cart .quantity { display: inline-flex; align-items: stretch; min-height: 52px; border: 1px solid #e3dade; border-radius: 999px; overflow: hidden; background: var(--mws-white); }
.mws-product .mws-product-cart .quantity :is(.minus, .plus, button) { min-width: 44px; border: 0; background: transparent; color: var(--mws-ink); font-size: 18px; cursor: pointer; }
.mws-product .mws-product-cart .quantity input.qty { width: 52px; border: 0; text-align: center; font: 700 16px "DM Sans", Arial, sans-serif; background: transparent; }
.mws-product .mws-product-cart .single_add_to_cart_button { flex: 1 1 220px; min-height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--mws-action) !important; color: var(--mws-white) !important; font: 800 15px "DM Sans", Arial, sans-serif; }
.mws-product .mws-product-cart .single_add_to_cart_button:hover { background: var(--mws-action-hover) !important; }
.mws-product .mws-product-cart table.variations { width: 100%; margin: 0 0 12px; }
.mws-product .mws-product-cart table.variations :is(th, td) { display: block; padding: 0 0 6px; text-align: left; }
.mws-product .mws-product-cart table.variations select { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #e3dade; border-radius: 12px; background-color: var(--mws-white); font: 16px "DM Sans", Arial, sans-serif; }
.mws-product .mws-product-cart .reset_variations { display: inline-block; margin-top: 6px; color: var(--mws-action); font-size: 14px; text-decoration: underline; }
.mws-product .mws-product-assurance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 22px 0; }
.mws-product .mws-product-assurance p { margin: 0; padding: 12px; border: 1px solid var(--mws-line-soft); border-radius: 14px; background: var(--mws-surface); font-size: 13px; line-height: 1.3; }
.mws-product .mws-product-assurance strong { display: block; color: var(--mws-action); font-size: 15px; }
.mws-product .mws-product-meta { font-size: 13px; color: var(--mws-muted); }
.mws-product .mws-product-tabs { margin-top: 48px; padding: 28px; border: 1px solid var(--mws-line-soft); border-radius: 24px; background: var(--mws-white); }
.mws-product .mws-product-tabs .woocommerce-Tabs-panel { font-size: 16px; line-height: 1.65; }
.mws-product .mws-product-tabs .woocommerce-Tabs-panel table { display: block; max-width: 100%; overflow-x: auto; }
.mws-product .mws-product-related, .mws-product .mws-product-upsells { margin-top: 48px; }
.mws-product .mws-product-related > h2, .mws-product .mws-product-upsells > h2 { margin: 0 0 20px; font: 700 clamp(24px, 2.4vw, 32px)/1.15 "DM Sans", Arial, sans-serif; text-transform: none; }
@media (max-width: 900px) {
	.mws-product .mws-product-wrap { padding: 16px 18px 48px; }
	.mws-product .mws-product-grid { grid-template-columns: 1fr; gap: 24px; }
	.mws-product .mws-product-assurance { grid-template-columns: 1fr; }
	.mws-product .mws-product-tabs { margin-top: 32px; padding: 16px 14px; border-radius: 18px; }
	.mws-product .mws-product-tabs ul.tabs { display: flex; gap: 4px; margin: 0 0 12px !important; padding: 0 !important; overflow-x: auto; }
	.mws-product .mws-product-tabs ul.tabs li { flex: none; }
	.mws-product .mws-product-tabs .woocommerce-Tabs-panel { padding: 0 !important; }
}

/* ==== 7. Páginas genéricas, legales, FAQ, contacto, búsqueda y 404 ==== */
.mws-page { width: 100%; background: var(--mws-white); color: var(--mws-ink); font: 16px/1.6 "DM Sans", Arial, sans-serif; }
.mws-page > .wrap { max-width: 1040px; margin: 0 auto; padding: 24px 24px 72px; }
.mws-page .mws-breadcrumb { margin: 0 0 18px; }
.mws-page h1 { margin: 0 0 24px; font: 700 clamp(32px, 4vw, 52px)/1.08 "DM Sans", Arial, sans-serif; letter-spacing: -.02em; text-transform: none; color: var(--mws-ink); }
.mws-page h2 { font-size: clamp(22px, 2.4vw, 30px); line-height: 1.15; margin: 32px 0 12px; }
.mws-page .mws-faq-item { padding: 20px 22px; margin: 0 0 12px; border: 1px solid var(--mws-line-soft); border-radius: 18px; background: var(--mws-surface); }
.mws-page .mws-faq-item h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.3; }
.mws-page .mws-faq-item p:last-child { margin-bottom: 0; }
.mws-contact .mws-contact-form { margin: 24px 0; padding: 24px; border: 1px solid var(--mws-line-soft); border-radius: 24px; background: var(--mws-surface); }
.mws-contact .wpcf7 label { display: block; color: var(--mws-text); font-weight: 700; font-size: 15px; }
.mws-contact .wpcf7 input:not([type=submit]), .mws-contact .wpcf7 textarea { width: 100%; min-height: 48px; margin-top: 6px; padding: 10px 14px; border: 1px solid #cbbfc4; border-radius: 12px; background: var(--mws-white); color: var(--mws-ink); font: inherit; }
.mws-contact .wpcf7 input[type=submit] { min-height: 50px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--mws-action); color: var(--mws-white); font-weight: 800; cursor: pointer; }
.mws-contact .wpcf7 input[type=submit]:hover { background: var(--mws-action-hover); }
.mws-main-cats { margin-top: 20px; }
.mws-404 .mws-search-desktop, .mws-search-results .mws-search-desktop, .mws-busqueda .mws-search-desktop { max-width: 560px; margin: 18px 0; }

/* ==== 8. Blog y entradas ==== */
.mws-blog-index > .wrap, .mws-article-page > .wrap { max-width: 1160px; margin: 0 auto; padding: 24px 24px 72px; }
.mws-blog-index .mws-blog-intro h1 { margin: 6px 0 12px; font: 700 clamp(34px, 4.2vw, 56px)/1.05 "DM Sans", Arial, sans-serif; letter-spacing: -.02em; text-transform: none; }
.mws-blog-card .mws-blog-thumb img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 14px; }
.mws-blog-pagination { margin: 28px 0; }
.mws-article-page h1 { margin: 6px 0 14px; font: 700 clamp(30px, 3.8vw, 48px)/1.1 "DM Sans", Arial, sans-serif; letter-spacing: -.02em; }
.mws-article-page .mws-article-cover img { width: 100%; max-height: 520px; object-fit: cover; border-radius: 20px; margin: 18px 0 28px; }
.mws-article-page .mws-article-content { max-width: 720px; font-size: 18px; line-height: 1.7; color: var(--mws-ink); }
.mws-article-page .mws-article-content :is(p, li) { font-size: inherit; line-height: inherit; }
.mws-article-page .mws-article-content h2 { margin: 1.6em 0 .5em; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.2; }
.mws-article-page .mws-article-content h3 { margin: 1.4em 0 .4em; font-size: 22px; line-height: 1.25; }
.mws-article-page .mws-article-content img { max-width: 100%; height: auto; border-radius: 14px; }
.mws-article-page > .wrap { min-width: 0; width: 100%; }
.mws-article-page .wp-caption { width: auto !important; max-width: 100% !important; }
.mws-article-page .wp-caption img { max-width: 100%; height: auto; }
.mws-article-page .mws-article-content :is(.wp-caption-text, figcaption) { color: var(--mws-muted) !important; font-size: 14px; line-height: 1.45; }
@media (max-width: 767px) {
	.mws-blog-index > .wrap, .mws-article-page > .wrap { padding: 16px 18px 56px; }
	.mws-article-page .mws-article-content { font-size: 17px; }
}

/* ==== 9. Carrito, checkout y mi cuenta (WooCommerce clásico: mismo flujo y validaciones que hoy) ==== */
.mws-page.mws-commerce { max-width: none !important; padding: 32px 48px 72px !important; }
.mws-commerce .mws-commerce-inner { width: 100%; max-width: 1200px !important; margin: 0 auto; padding: 0; }
.mws-commerce .mws-commerce-heading { margin: 0 0 24px; }
.mws-commerce .woocommerce { font-size: 15px; }
.mws-commerce .mws-page-content > .woocommerce { max-width: none; margin: 0; padding: 0; }
.mws-commerce .woocommerce table.shop_table { width: 100%; border: 1px solid var(--mws-line-soft); border-collapse: separate; border-radius: 18px; background: var(--mws-white); overflow: hidden; }
.mws-commerce .woocommerce table.shop_table :is(th, td) { padding: 14px 16px; border-color: var(--mws-line-soft); vertical-align: middle; }
.mws-commerce .woocommerce table.cart img { width: 72px; height: 72px; object-fit: contain; border-radius: 10px; }
.mws-commerce .woocommerce table.cart .product-name a { color: var(--mws-ink); font-weight: 700; text-decoration: none; }
.mws-commerce .woocommerce table.cart .product-remove a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: var(--mws-action) !important; font-size: 20px; text-decoration: none; }
.mws-commerce .woocommerce table.cart .coupon { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mws-commerce .woocommerce table.cart .coupon #coupon_code { width: 200px; }
.mws-commerce .woocommerce .cart-collaterals { display: flex; justify-content: flex-end; margin-top: 24px; }
.mws-commerce .woocommerce .cart_totals { width: 100%; max-width: 440px; }
.mws-commerce .woocommerce :is(.cart_totals, #order_review, .woocommerce-MyAccount-content) { padding: 22px; border: 1px solid var(--mws-line-soft); border-radius: 20px; background: var(--mws-white); }
.mws-commerce .woocommerce .cart_totals h2, .mws-commerce .woocommerce #order_review_heading, .mws-commerce .woocommerce .woocommerce-billing-fields h3, .mws-commerce .woocommerce .woocommerce-shipping-fields h3 { font: 700 22px/1.2 "DM Sans", Arial, sans-serif; margin: 0 0 14px; }
.mws-commerce .woocommerce :is(input.input-text, select, textarea), .mws-commerce .select2-container .select2-selection--single { width: 100%; min-height: 48px; padding: 8px 12px; border: 1px solid #cbbfc4; border-radius: 12px; background: var(--mws-white); color: var(--mws-ink); font: 16px "DM Sans", Arial, sans-serif; }
.mws-commerce .select2-container .select2-selection--single .select2-selection__rendered { line-height: 30px; padding-left: 0; }
.mws-commerce .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; }
.mws-commerce .woocommerce form .form-row label { color: var(--mws-text); font-weight: 700; font-size: 14px; }
.mws-commerce .woocommerce :is(.button, button.button, a.checkout-button, #place_order) { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--mws-action); color: var(--mws-white); font-weight: 800; }
.mws-commerce .woocommerce :is(.button, #place_order):hover { background: var(--mws-action-hover); color: var(--mws-white); }
.mws-commerce .woocommerce .button:disabled, .mws-commerce .woocommerce .button[disabled] { background: #d9c9cf; color: var(--mws-ink); opacity: 1; }
.mws-commerce .woocommerce a.checkout-button { width: 100%; }
.mws-commerce .woocommerce-checkout #customer_details { min-width: 0; }
.mws-commerce .woocommerce .woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr); gap: 16px 40px; align-items: start; }
.mws-commerce .woocommerce .woocommerce-checkout > :is(#customer_details, .woocommerce-NoticeGroup) { grid-column: 1; }
.mws-commerce .woocommerce .woocommerce-checkout > :is(#order_review_heading, #order_review) { grid-column: 2; }
.mws-commerce .woocommerce .woocommerce-checkout > #order_review_heading { grid-row: 1; margin: 0; }
.mws-commerce .woocommerce .woocommerce-checkout > #order_review { grid-row: 2 / span 3; position: sticky; top: 24px; }
.mws-commerce .woocommerce .woocommerce-checkout #customer_details :is(.col-1, .col-2) { float: none; width: 100%; max-width: none; }
.mws-commerce .woocommerce .woocommerce-checkout #customer_details .col-2 { margin-top: 24px; }
.mws-commerce .woocommerce .woocommerce-checkout .woocommerce-privacy-policy-text p, .mws-commerce .woocommerce .woocommerce-terms-and-conditions-wrapper { font-size: 14px; line-height: 1.5; }
.mws-commerce .woocommerce input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--mws-action); vertical-align: middle; }
.mws-commerce .woocommerce .show-password-input { width: 44px; height: 44px; top: 2px; right: 2px; }
.mws-commerce .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mws-commerce .woocommerce .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 12px; background: var(--mws-surface); color: var(--mws-text); font-weight: 650; }
.mws-commerce .woocommerce .woocommerce-MyAccount-navigation .is-active a { background: var(--mws-text); color: var(--mws-white); }
.mws-commerce .woocommerce form.woocommerce-form-login, .mws-commerce .woocommerce form.woocommerce-ResetPassword { max-width: 480px; margin: 0; padding: 24px; border: 1px solid var(--mws-line-soft); border-radius: 20px; background: var(--mws-surface); text-align: left; }
.mws-commerce .woocommerce form.woocommerce-form-login label { text-align: left; }
@media (max-width: 900px) {
	.mws-page.mws-commerce { padding: 20px 18px 56px !important; }
	.mws-commerce .woocommerce .woocommerce-checkout { display: block; }
	.mws-commerce .woocommerce .woocommerce-checkout > #order_review { position: static; margin-top: 12px; }
	.mws-commerce .woocommerce .woocommerce-checkout > #order_review_heading { margin-top: 28px; }
	.mws-commerce .woocommerce .cart_totals { max-width: none; }
}
/* Tabla del carrito en móvil: cada producto en bloque (WooCommerce «shop_table_responsive») */
@media (max-width: 767px) {
	.mws-commerce .woocommerce table.shop_table_responsive :is(thead) { display: none; }
	.mws-commerce .woocommerce table.shop_table_responsive, .mws-commerce .woocommerce table.shop_table_responsive :is(tbody, tr, td) { display: block; width: 100%; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item { position: relative; padding: 12px 12px 12px 96px; min-height: 96px; border-bottom: 1px solid var(--mws-line-soft); }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border: 0; text-align: right; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td::before { content: attr(data-title); color: var(--mws-muted); font-weight: 700; text-align: left; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-thumbnail { position: absolute; left: 12px; top: 12px; width: 72px; padding: 0; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-thumbnail::before { content: none; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-remove { position: absolute; right: 6px; top: 6px; width: auto; padding: 0; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-remove::before { content: none; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-name { display: block; padding-right: 36px; text-align: left; }
	.mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-name::before, .mws-commerce .woocommerce table.shop_table_responsive tr.cart_item td.product-name[data-title]::before { content: none !important; display: none !important; }
	.mws-commerce .woocommerce table.shop_table_responsive td.actions { padding: 12px; }
	.mws-commerce .woocommerce table.shop_table_responsive td.actions .coupon { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 8px; }
	.mws-commerce .woocommerce table.shop_table_responsive td.actions .coupon #coupon_code { width: 100%; }
	.mws-commerce .woocommerce table.shop_table_responsive td.actions > .button { width: 100%; }
	.mws-commerce .woocommerce .cart_totals table.shop_table_responsive tr { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--mws-line-soft); }
	.mws-commerce .woocommerce .cart_totals table.shop_table_responsive :is(th, td) { display: block; width: auto; padding: 0; border: 0; }
	.mws-commerce .woocommerce .cart_totals table.shop_table_responsive td::before { content: none; }
	.mws-commerce .woocommerce #order_review table.shop_table :is(th, td) { padding: 10px 8px; }
}

/* ==== 10. Aviso de cookies (Complianz): botón «Gestionar consentimiento» ==== */
#cmplz-manage-consent .cmplz-manage-consent { position: fixed !important; top: auto !important; bottom: 0 !important; right: 16px !important; left: auto !important; transform: none !important; min-height: 36px; padding: 6px 14px !important; border: 1px solid var(--mws-line-soft) !important; border-radius: 999px 999px 0 0 !important; background: var(--mws-white) !important; color: var(--mws-text) !important; font: 700 13px "DM Sans", Arial, sans-serif !important; box-shadow: 0 -6px 20px rgba(35,11,24,.08); }

/* ==== 4b. Cabecera con imagen: catálogo y, desde la fase 2, páginas y blog (08/10/2026) ====
   :is(.mws-shop-v3, .mws-page, .mws-blog-index) tiene la misma especificidad que .mws-shop-v3: las categorías no cambian.
   Banda .mws-catalog-banner de la plantilla #340026: elemento Imagen de Bricks ({mws_header_image}, inc/cabeceras.php)
   anclado a la derecha a toda la altura de la banda; migas + H1 en la zona libre de la izquierda.
   Fondo = crema del borde de las ilustraciones (#fef6eb). H1 #1c0911 sobre #fef6eb: contraste 17,5:1 (AA). */
.mws-shop-v3 .mws-catalog-hero:has(> .mws-catalog-banner) { padding-top: 0; }
/* Categorías: mws-design.css deja 64 px (36 en móvil) sobre el contenido; con la banda basta el mismo aire que en la tienda. */
body.tax-product_cat main#brx-content:has(.mws-catalog-banner) { padding-top: 20px !important; }
:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner {
	--mws-banner-bg: #fef6eb;
	position: relative; isolation: isolate; overflow: hidden;
	display: flex; flex-direction: column; justify-content: center;
	min-height: 340px; margin: 0 0 24px; padding: 32px clamp(24px, 4vw, 56px);
	border-radius: 24px; background: var(--mws-banner-bg);
}
:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner__img {
	position: absolute; z-index: -2; top: 0; right: 0; bottom: 0;
	width: auto; height: 100%; max-width: none; aspect-ratio: 12 / 5;
	object-fit: cover; object-position: right bottom;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20%); mask-image: linear-gradient(90deg, transparent 0, #000 20%);
}
/* Velo crema bajo el texto: garantiza el contraste si el motivo llega a la zona del título (tableta y móvil). */
:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner::before {
	content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, var(--mws-banner-bg) 0, var(--mws-banner-bg) 30%, rgba(254, 246, 235, .82) 44%, rgba(254, 246, 235, 0) 58%);
}
:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner__text { position: relative; max-width: min(46%, 560px); }
body :is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner .mws-catalog-breadcrumb { margin: 0 0 14px; }
body :is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner h1 { margin: 0 !important; max-width: 100%; color: var(--mws-ink); }
@media (max-width: 1100px) {
	:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner { min-height: 280px; }
	:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner__text { max-width: 52%; }
}
/* Móvil: banda baja (200 px) con la MISMA imagen horizontal, más pequeña y abajo a la derecha; texto arriba a la izquierda. */
@media (max-width: 767px) {
	.mws-shop-v3 .mws-catalog-hero:has(> .mws-catalog-banner) { padding-top: 0; }
	body.tax-product_cat main#brx-content:has(.mws-catalog-banner) { padding-top: 12px !important; }
	:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner { justify-content: flex-start; min-height: 200px; margin-bottom: 16px; padding: 16px; border-radius: 16px; }
	:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner__img { top: auto; height: 78%; }
	/* Velo solo detrás del texto (arriba a la izquierda): la mascota queda sin velar. */
	:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner::before { background: linear-gradient(90deg, var(--mws-banner-bg) 0, rgba(254, 246, 235, .85) 40%, rgba(254, 246, 235, 0) 62%); -webkit-mask-image: linear-gradient(180deg, #000 0, #000 45%, transparent 62%); mask-image: linear-gradient(180deg, #000 0, #000 45%, transparent 62%); }
	:is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner__text { max-width: none; }
	body :is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner h1 { max-width: 62%; }
	body :is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner .mws-catalog-breadcrumb { margin-bottom: 8px; }
	body :is(.mws-shop-v3, .mws-page, .mws-blog-index) .mws-catalog-banner h1 { font-size: 30px !important; line-height: 1.08 !important; }
}

/* ==== 0. Contenedor único (08/10/2026) ====
   Un solo ancho para cabecera, catálogo, ficha, home, páginas, blog y footer = el de la cabecera:
   min(1296px, 100% − 2 × margen lateral). Margen: 72 px (> 1180), 24 px (768-1180), 16 px (< 768).
   Sustituye los anchos sueltos de mws-design.css / mws-site.css (1440 + padding 72, doble padding del catálogo,
   1280/1160 del blog, 960/1040 de páginas, márgenes móviles de 18-36 px). */
:root { --mws-gutter: 72px; --mws-container-max: 1296px; --mws-container: min(var(--mws-container-max), calc(100% - 2 * var(--mws-gutter))); }
@media (max-width: 1180px) { :root { --mws-gutter: 24px; } }
@media (max-width: 767px) { :root { --mws-gutter: 16px; } }
/* Cabecera y home (ya usaban este ancho; ahora desde la variable) */
.mws-global-header .mws-head-wrap, .mws-home .wrap { width: var(--mws-container); max-width: none; margin-inline: auto; }
/* Catálogo: tienda, categorías, /ofertas/ (antes main 1440 + 72 px y otra vez la sección + 72 px) */
body.tax-product_cat main#brx-content { max-width: none; padding-left: 0; padding-right: 0; }
body .mws-shop-v3, body.woocommerce-shop .bricks-archive-title-wrapper .mws-shop-v3 { width: var(--mws-container); max-width: none; margin-inline: auto; padding-left: 0; padding-right: 0; }
body .mws-shop-v3 .mws-catalog-assurance { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
/* Ficha de producto */
body .mws-product .mws-product-wrap { width: var(--mws-container); max-width: none; margin-inline: auto; padding-left: 0; padding-right: 0; }
/* Blog (índice), páginas y carrito/checkout */
/* El ancho lo lleva la sección; su .wrap ocupa el 100 % (si no, la variable se aplica dos veces y resta el margen otra vez). */
body .mws-blog-index, body .mws-legal, body .mws-page { width: var(--mws-container); max-width: none; margin-inline: auto; padding-left: 0; padding-right: 0; }
body :is(.mws-blog-index, .mws-legal, .mws-page) > .wrap, body .mws-commerce .mws-commerce-inner { width: 100%; max-width: none !important; margin-inline: 0; padding-left: 0; padding-right: 0; }
body .mws-legal :is(p, li) { max-width: 75ch; } /* misma medida de línea que con 960 px: el texto corrido no se estira */
body:has(.mws-commerce) .brxe-container:has(.mws-commerce) { width: var(--mws-container); max-width: none; }
/* Footer */
body .mws-footer-wrap { width: var(--mws-container); max-width: none; margin-inline: auto; padding-left: 0; padding-right: 0; }
/* Carrito y checkout: la sección .mws-legal.mws-commerce traía su propio padding lateral con !important. */
body section.mws-legal.mws-commerce, body .mws-page.mws-commerce { padding-left: 0 !important; padding-right: 0 !important; }

/* ==== 4d. Banda en páginas y blog (fase 2, 08/10/2026) ==== */
:is(.mws-page, .mws-blog-index) .mws-catalog-banner { margin-bottom: 32px; }
:is(.mws-page, .mws-blog-index) .mws-catalog-banner .mws-breadcrumb { margin: 0 0 14px; }
body :is(.mws-page, .mws-blog-index) .mws-catalog-banner :is(h1, .mws-blog-intro h1) { margin: 0 !important; color: var(--mws-ink); }
:is(.mws-page, .mws-blog-index) .mws-catalog-banner .mws-blog-intro > p:last-child { margin: 12px 0 0; }
@media (max-width: 767px) {
	:is(.mws-page, .mws-blog-index) .mws-catalog-banner { margin-bottom: 20px; }
	body :is(.mws-page, .mws-blog-index) .mws-catalog-banner h1 { font-size: 30px !important; line-height: 1.08 !important; }
	:is(.mws-page, .mws-blog-index) .mws-catalog-banner .mws-blog-intro > p:last-child { display: none; } /* la banda móvil es baja: la entradilla del blog no cabe sobre la imagen */
}
/* Página sin «Imagen de cabecera»: la banda queda neutra (migas y H1 como antes). */
:is(.mws-page, .mws-blog-index) .mws-catalog-banner:not(:has(> .mws-catalog-banner__img)) { display: block; min-height: 0; margin: 0; padding: 0; border-radius: 0; background: none; overflow: visible; }
:is(.mws-page, .mws-blog-index) .mws-catalog-banner:not(:has(> .mws-catalog-banner__img))::before { content: none; }
:is(.mws-page, .mws-blog-index) .mws-catalog-banner:not(:has(> .mws-catalog-banner__img)) .mws-catalog-banner__text { max-width: none; }
body :is(.mws-page, .mws-blog-index) .mws-catalog-banner:not(:has(> .mws-catalog-banner__img)) h1 { margin: revert !important; }

/* ==== 4e. Home, footer, 404 y carrito vacío con ilustración (fase 2, 08/10/2026) ====
   Fondo crema #fef6eb (= borde de las ilustraciones). Texto en tinta sobre la zona libre: H1/H2 #1c0911 → 17,5:1;
   texto #25151e → 16:1; antetítulo #c51d57 → 5,1:1 (AA). */
/* Hero: ilustración (picture; vertical solo ≤767 px) */
.mws-home .hero .wrap { position: relative; }
.mws-home .hero-grid { display: block; }
.mws-home .mws-hero-art { display: block; overflow: hidden; border-radius: 22px; background: #fef6eb; }
.mws-home .mws-hero-art img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: right center; }
@media (min-width: 1181px) {
	.mws-home .hero { min-height: 0; padding: 20px 0 40px; }
	.mws-home .hero .wrap { display: grid; }
	.mws-home .hero-grid, .mws-home .mws-hero-art { grid-area: 1 / 1; }
	.mws-home .mws-hero-art { border-radius: 28px; }
	.mws-home .mws-hero-art::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #fef6eb 0, rgba(254, 246, 235, .85) 30%, rgba(254, 246, 235, 0) 46%); }
	.mws-home .hero-grid { position: relative; z-index: 1; align-self: center; padding: 32px clamp(32px, 4.5vw, 72px); }
	.mws-home .hero-copy { max-width: 46%; }
}
@media (max-width: 1180px) {
	.mws-home .hero { min-height: 0; }
	.mws-home .mws-hero-art { margin-top: 24px; }
}
@media (max-width: 767px) {
	.mws-home .mws-hero-art { margin-top: 20px; border-radius: 18px; }
	.mws-home .mws-hero-art img { aspect-ratio: 4 / 5; object-position: center; }
}
/* «Tu próximo plan no se elige solo»: banner de bienestar de fondo */
body .mws-last-panel { position: relative; isolation: isolate; overflow: hidden; min-height: 340px; grid-template-columns: minmax(0, 46%); align-content: center; justify-items: start; gap: 20px; padding: 40px clamp(32px, 4vw, 56px); background: #fef6eb; }
body .mws-last-panel > .mws-panel-art { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; }
body .mws-last-panel > .mws-panel-art img { width: auto; height: 100%; max-width: none; aspect-ratio: 8 / 3; border-radius: 0; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); }
body .mws-last-panel > div, body .mws-last-panel > a { grid-column: 1; }
body .mws-last-panel h2 { color: var(--mws-ink); }
@media (max-width: 1100px) {
	body .mws-last-panel { grid-template-columns: minmax(0, 52%); }
	body .mws-last-panel > a { grid-column: 1; }
}
@media (max-width: 767px) {
	body .mws-last-panel { min-height: 0; grid-template-columns: minmax(0, 1fr); padding: 24px 20px 0; }
	body .mws-last-panel > .mws-panel-art { position: static; order: 3; margin: 0 -20px; }
	body .mws-last-panel > .mws-panel-art img { width: 100%; height: auto; -webkit-mask-image: none; mask-image: none; }
}
/* Footer: «Nos vemos en tu próximo «sí»» con el banner de regalos */
body .mws-footer-top { position: relative; isolation: isolate; overflow: hidden; min-height: 340px; margin-bottom: 48px; padding: 40px clamp(32px, 4vw, 56px); flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; border-radius: 28px; background: #fef6eb; color: var(--mws-text); }
body .mws-footer-top > .mws-footer-art { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; }
body .mws-footer-top > .mws-footer-art img { width: auto; height: 100%; max-width: none; aspect-ratio: 8 / 3; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); }
body .mws-footer-top > div { max-width: 46%; }
body .mws-footer-top h2 { color: var(--mws-ink); }
body .mws-footer-top :is(p, .mws-eyebrow) { color: var(--mws-text); }
body .mws-footer-top .mws-eyebrow { color: var(--mws-action); }
body .mws-footer-top .mws-footer-match { background: var(--mws-ink); color: var(--mws-white); }
@media (max-width: 767px) {
	body .mws-footer-top { min-height: 0; margin-bottom: 32px; padding: 24px 20px 0; border-radius: 20px; }
	body .mws-footer-top > div { max-width: none; }
	body .mws-footer-top > .mws-footer-art { position: static; order: 3; margin: 0 -20px; }
	body .mws-footer-top > .mws-footer-art img { width: 100%; height: auto; -webkit-mask-image: none; mask-image: none; }
}
/* 404: ilustración a la derecha (debajo del texto en móvil) + CTA */
@media (min-width: 768px) {
	.mws-404 .mws-catalog-hero { display: grid; grid-template-columns: minmax(0, 1fr) min(36%, 380px); column-gap: 48px; align-items: start; }
	.mws-404 .mws-catalog-hero > * { grid-column: 1; }
	.mws-404 .mws-catalog-hero > .mws-404-art { grid-column: 2; grid-row: 1 / span 8; align-self: center; }
}
.mws-404 .mws-404-art { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 24px; }
.mws-404 .mws-404-cta { display: inline-flex; margin: 0 0 24px; }
@media (max-width: 767px) { .mws-404 .mws-404-art { width: 240px; margin: 0 0 16px; } }
/* Carrito vacío */
.mws-empty-art { margin: 8px 0 16px; }
.mws-empty-art__img { display: block; width: 320px; max-width: 100%; height: auto; aspect-ratio: 1; border-radius: 24px; }
@media (max-width: 767px) { .mws-empty-art__img { width: 240px; } }
/* El <picture> de Bricks (.brxe-image.tag) trae inline-block + height: fit-content: no se estiraría entre top y bottom. */
body :is(.mws-last-panel > .mws-panel-art, .mws-footer-top > .mws-footer-art) { display: block; height: 100%; max-width: none; }
body :is(.mws-last-panel > .mws-panel-art, .mws-footer-top > .mws-footer-art) img { display: block; }
@media (max-width: 767px) {
	body :is(.mws-last-panel > .mws-panel-art, .mws-footer-top > .mws-footer-art) { width: calc(100% + 40px); height: auto; }
}
/* Páginas y blog en móvil: títulos largos («Sex Academy: juguetes y sexo en general», «Política de Envíos…») → texto
   arriba a todo el ancho y la ilustración debajo, alineada a la derecha (sin solaparse con el H1). */
@media (max-width: 767px) {
	:is(.mws-page, .mws-blog-index) .mws-catalog-banner:has(> .mws-catalog-banner__img) { min-height: 0; padding: 16px 16px 0; }
	:is(.mws-page, .mws-blog-index) .mws-catalog-banner:has(> .mws-catalog-banner__img)::before { content: none; }
	:is(.mws-page, .mws-blog-index) .mws-catalog-banner > .mws-catalog-banner__text { order: 1; max-width: none; }
	:is(.mws-page, .mws-blog-index) .mws-catalog-banner > .mws-catalog-banner__img { order: 2; position: static; align-self: flex-end; width: auto; height: 140px; margin-top: 4px; }
	body :is(.mws-page, .mws-blog-index) .mws-catalog-banner h1 { max-width: none; }
}
.mws-404 .mws-404-cta { justify-self: start; width: auto; }

/* ==== 4f. Home: tarjetas «¿Por dónde empezamos?» con los banners 400×500 (09/10/2026) ====
   Imagen 4:5 sin deformar (cover), width/height en el HTML + aspect-ratio → sin saltos al cargar.
   Escritorio/tableta: imagen a la izquierda a toda la altura de la tarjeta (146 × 183 ≈ 4:5; antes 142 × 183 y 100 px en tableta);
   las esquinas las redondea la propia tarjeta (radio 20 px + overflow hidden).
   Móvil: imagen arriba a todo el ancho de la tarjeta, 4:5 (antes 70 px de alto con contain = franja con el color de fondo),
   radio 9 px = 16 px de la tarjeta − 7 px de relleno (el mismo que ya tenía). El color de fondo por id (mws-design.css) queda
   como relleno mientras la imagen carga: es el mismo color de cada ilustración. */
body .mws-home .category-art { width: 146px; height: auto; aspect-ratio: 4 / 5; align-self: stretch; object-fit: cover; object-position: center; }
@media (max-width: 767px) {
	body .mws-home .category-art { width: 100%; height: auto; aspect-ratio: 4 / 5; align-self: auto; object-fit: cover; border-radius: 9px; }
}
/* Tableta estrecha (768-1023): con la imagen al lado el texto se partía («Juguete-s para») y la tarjeta crecía a 280 px
   (la imagen 4:5 se recortaba); como en móvil: imagen arriba a todo el ancho, 4:5, radio 12 px = 20 px − 8 px de relleno. */
@media (min-width: 768px) and (max-width: 1023px) {
	body .mws-home .category { flex-direction: column; padding: 8px; }
	body .mws-home .category-art { width: 100%; align-self: auto; border-radius: 12px; }
	body .mws-home .category-copy { padding: 14px 8px 8px; }
}

/* 4g. Footer en 4 columnas: logo | Que empiece el plan | A lo tuyo | Ayuda y legal (09/10/2026).
   El bloque legal (antes franja aparte con línea, .mws-footer-legal) es ahora una columna más de .mws-footer-links,
   con los mismos enlaces que las otras (.mws-footer nav a). Escritorio ≥1024: 4 columnas alineadas arriba;
   768-1023: logo en su fila y 3 columnas; <768: como antes (logo arriba y 2 columnas). */
body .mws-footer-links { align-items: start; }
body .mws-footer-links > .mws-footer-brand { align-self: start; }
@media (min-width: 1024px) {
	body .mws-footer-links { grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr)); gap: 32px; }
}
@media (min-width: 1280px) {
	body .mws-footer-links { gap: 48px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	body .mws-footer-links { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; }
	body .mws-footer-links > .mws-footer-brand { grid-column: 1 / -1; }
}

/* 4h. Footer «Nos vemos en tu próximo sí» en tableta (768-1023, 09/10/2026): la ilustración (alto del bloque, 8:3) era más ancha
   que el bloque y su fundido quedaba fuera por la izquierda → el texto («Placer a tu ritmo…») caía sobre la imagen opaca.
   Ahora ocupa el 56 % derecho del bloque, recortada (cover) y con el fundido dentro; el texto sigue en el 46 % izquierdo. */
@media (min-width: 768px) and (max-width: 1023px) {
	body .mws-footer-top > .mws-footer-art { left: auto; width: 56%; }
	body .mws-footer-top > .mws-footer-art img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 80% center; }
}

/* 4i. Footer: botón «Gestionar cookies» (Complianz, clase oficial cmplz-manage-consent) con el aspecto de los enlaces de
   las columnas (.mws-footer nav a). El botón flotante de Complianz está desactivado («hide-everywhere»). 09/10/2026. */
body .mws-footer nav .mws-footer-cookies { display: block; width: 100%; min-height: 44px; margin: 0; padding: 10px 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #e0cfd5; font: inherit; line-height: 1.5; text-align: left; text-transform: none; letter-spacing: inherit; cursor: pointer; appearance: none; }
body .mws-footer nav .mws-footer-cookies:hover { text-decoration: underline; text-underline-offset: 5px; color: #fff; }
body .mws-footer nav .mws-footer-cookies:focus-visible { outline: 3px solid #ff98b4; outline-offset: 5px; }

/* 4j. Chips del catálogo (orden «Más vendidos / Mejor valorados / Novedades» y subcategorías), 09/10/2026.
   Normal: sin cambios. Hover y foco: tinte rosa (--mws-chip-tint), borde fucsia (--mws-pink), texto berenjena (--mws-ink) 16,2:1.
   Activo (.is-active / aria-current, lo pone functions.php): fondo --mws-ink, texto blanco 19,2:1; igual al pasar el ratón.
   Foco: se mantiene el contorno de 3 px --mws-red (mws-design.css, !important): 5,2:1 sobre blanco, 4,4:1 sobre el tinte, 3,65:1 sobre el activo. */
:root { --mws-chip-tint: #ffe6ee; }
body .mws-shop-v3 :is(.mws-mood-links, .mws-subcategories) a { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
body .mws-shop-v3 :is(.mws-mood-links, .mws-subcategories) a:is(:hover, :focus-visible) { background: var(--mws-chip-tint); border-color: var(--mws-pink); color: var(--mws-ink); }
body .mws-shop-v3 :is(.mws-mood-links, .mws-subcategories) a:is(.is-active, [aria-current]),
body .mws-shop-v3 :is(.mws-mood-links, .mws-subcategories) a:is(.is-active, [aria-current]):is(:hover, :focus-visible) { background: var(--mws-ink); border-color: var(--mws-ink); color: var(--mws-white, #fff); }

/* 4k. Botón «¿Dudas? Hazme match →» (.mws-match-quick) del catálogo, 09/10/2026. Antes, por encima de 1000 px, iba en posición
   absoluta (right:0; bottom:36px) y se montaba sobre los chips de subcategoría (o sobre los de orden si no había subcategorías).
   >1000: la cabecera pasa a flex con salto de línea; el botón comparte línea con los chips de orden (al final, a la derecha,
   centrado en vertical) y las subcategorías van detrás (order). Sin márgenes que se fusionen: las distancias no cambian.
   768-1000: debajo de los chips, alineado a la derecha. <768: debajo de los chips, a todo el ancho. Estilo y enlace sin cambios.
   Solo categorías y demás catálogos: la tienda (/sexshop/, body.woocommerce-shop) tiene su propia disposición y no se toca. */
@media (min-width: 1001px) {
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero { display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; }
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero > * { flex: 0 0 100%; min-width: 0; }
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero > .mws-mood-links { flex: 1 1 0; }
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero > .mws-match-quick { position: static; flex: 0 0 auto; margin: 0 0 0 auto; }
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero > .mws-subcategories { order: 1; }
}
@media (min-width: 768px) and (max-width: 1000px) {
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero > .mws-match-quick { display: flex; width: fit-content; margin-left: auto; }
}
@media (max-width: 767px) {
	body:not(.woocommerce-shop) .mws-shop-v3 .mws-catalog-hero > .mws-match-quick { display: flex; width: 100%; }
}

/* 4l. Cabecera fija (11/10/2026). El comportamiento es NATIVO de Bricks (plantilla 340022 › Ajustes › Cabecera:
   «Sticky header» + «Sticky on scroll» + «Slide up after» 150 px + fondo blanco al hacer scroll): Bricks añade a #brx-header
   la clase .scrolling en cuanto se baja (scrollY > 0) y .slide-up al bajar más de 150 px (la quita al subir).
   Bricks no tiene «versión reducida»: este bloque la dibuja con .scrolling (sin franja, logo pequeño, 64 px / 56 px en móvil).
   Sin salto (CLS): «Sticky on scroll» = position: sticky, la cabecera ocupa su sitio en el flujo; al reducirse, el margin-bottom
   devuelve exactamente la altura perdida (completa 125/101 px medida el 11/10, menos la reducida). Si cambia la altura de la
   cabecera completa, actualizar --mws-hdr-full. Volver a cabecera no fija: desmarcar «Sticky header» en la plantilla (este
   bloque deja de aplicarse solo, porque todo cuelga de .brx-sticky). */
:root { --mws-hdr-full: 125px; --mws-hdr-min: 64px; --mws-hdr-admin: 0px; }
@media (max-width: 767px) { :root { --mws-hdr-full: 101px; --mws-hdr-min: 56px; } }
html:has(body.admin-bar) { --mws-hdr-admin: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { html:has(body.admin-bar) { --mws-hdr-admin: 0px; } } /* ahí la barra de WordPress no es fija */
/* Anclas (#mws-match, #brx-content, #brx-footer, «Saltar a…»…): quedan debajo de la cabecera reducida. */
html:has(#brx-header.brx-sticky) { scroll-padding-top: calc(var(--mws-hdr-min) + var(--mws-hdr-admin) + 12px); }
/* Barra de administración: Bricks ya pone top = altura de la barra; en móvil (≤600 px) la barra se va con el scroll. */
@media (max-width: 600px) { body.admin-bar #brx-header.brx-sticky { top: 0; } }
#brx-header.brx-sticky.scrolling { margin-bottom: calc(var(--mws-hdr-full) - var(--mws-hdr-min)); }
#brx-header.brx-sticky.scrolling .mws-announcement { display: none !important; }
#brx-header.brx-sticky.scrolling .mws-global-header .mws-head-row { min-height: calc(var(--mws-hdr-min) - 1px) !important; height: calc(var(--mws-hdr-min) - 1px); }
#brx-header.brx-sticky.scrolling .mws-global-header .mws-wordmark { width: 156px !important; }
#brx-header.brx-sticky.scrolling .mws-global-header .mws-wordmark img { max-height: 30px; }
@media (max-width: 767px) {
	#brx-header.brx-sticky.scrolling .mws-global-header .mws-wordmark { width: 132px !important; }
	#brx-header.brx-sticky.scrolling .mws-global-header .mws-wordmark img { max-height: 26px; }
}
/* Megamenú de escritorio: nunca más alto que la pantalla (scroll propio si hiciera falta). */
@media (min-width: 1181px) {
	#brx-header.brx-sticky .mws-global-header .brxe-dropdown .brx-dropdown-content { max-height: calc(100vh - var(--mws-hdr-min) - var(--mws-hdr-admin)); overflow-y: auto; overscroll-behavior: contain; }
	#brx-header.brx-sticky:not(.scrolling) .mws-global-header .brxe-dropdown .brx-dropdown-content { max-height: calc(100vh - var(--mws-hdr-full) - var(--mws-hdr-admin)); }
}

/* 4m. Categorías madre = HUB (11/10/2026): plantilla de Bricks 340122 «MWS — Hub de categoría madre» + inc/categorias-hub.php.
   Tiles (bucle de términos), «Lo más buscado» (enlaces de texto), «Más de …» (productos solo en la madre). */
.mws-shop-v3.mws-hub .mws-hub-intro { max-width: 760px; margin-top: 16px; }
.mws-shop-v3.mws-hub .mws-hub-intro p { margin: 0 0 10px; }
.mws-shop-v3.mws-hub .mws-hub-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 32px 0 8px; }
.mws-shop-v3.mws-hub .mws-hub-tile { display: flex; flex-direction: column; gap: 8px; padding: 14px 14px 18px; border: 1px solid #ece4e8; border-radius: 20px; background: var(--mws-white, #fff); }
.mws-shop-v3.mws-hub .mws-hub-tile__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 14px; background: #f7f3f5; }
.mws-shop-v3.mws-hub .mws-hub-tile__img, .mws-shop-v3.mws-hub .mws-hub-tile__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mws-shop-v3.mws-hub .mws-hub-tile__title { margin: 6px 0 0; font-size: 20px; line-height: 1.2; }
.mws-shop-v3.mws-hub .mws-hub-tile__title a { color: inherit; text-decoration: none; }
.mws-shop-v3.mws-hub .mws-hub-tile__title a::after { content: " →"; color: var(--mws-action, #c51d57); }
.mws-shop-v3.mws-hub .mws-hub-tile__title a:hover { color: var(--mws-action, #c51d57); }
.mws-shop-v3.mws-hub .mws-hub-tile__count { margin: 0; color: #635254; font-size: 14px; }
.mws-shop-v3.mws-hub .mws-hub-tile__links { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.mws-shop-v3.mws-hub .mws-hub-tile__links a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border: 1px solid #e3dade; border-radius: 999px; color: var(--mws-text, #1c0911); font-size: 13px; font-weight: 600; text-decoration: none; }
.mws-shop-v3.mws-hub .mws-hub-tile__links a:hover { border-color: var(--mws-action, #c51d57); color: var(--mws-action, #c51d57); }
.mws-shop-v3.mws-hub .mws-hub-buscados, .mws-shop-v3.mws-hub .mws-hub-huerfanos { margin-top: 48px; }
.mws-shop-v3.mws-hub .mws-hub-buscados h2, .mws-shop-v3.mws-hub .mws-hub-huerfanos h2 { margin: 0 0 16px; font-size: 26px; }
.mws-shop-v3.mws-hub .mws-hub-buscados__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 32px; margin: 0; padding: 0; list-style: none; }
.mws-shop-v3.mws-hub .mws-hub-buscados__list a { display: block; padding: 10px 0; border-bottom: 1px solid #eee6ea; color: var(--mws-text, #1c0911); font-weight: 600; text-decoration: none; }
.mws-shop-v3.mws-hub .mws-hub-buscados__list a:hover { color: var(--mws-action, #c51d57); }
.mws-shop-v3.mws-hub .mws-hub-huerfanos__grid ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mws-shop-v3.mws-hub .mws-seo-fold, .mws-shop-v3.mws-hub .mws-category-helper { margin-top: 48px; }
@media (max-width: 1100px) {
	.mws-shop-v3.mws-hub .mws-hub-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mws-shop-v3.mws-hub .mws-hub-huerfanos__grid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.mws-shop-v3.mws-hub .mws-hub-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
	.mws-shop-v3.mws-hub .mws-hub-tile { padding: 10px 10px 14px; border-radius: 16px; }
	.mws-shop-v3.mws-hub .mws-hub-tile__title { font-size: 16px; }
	.mws-shop-v3.mws-hub .mws-hub-tile__links a { min-height: 30px; font-size: 12px; }
	.mws-shop-v3.mws-hub .mws-hub-buscados__list { grid-template-columns: minmax(0, 1fr); }
	.mws-shop-v3.mws-hub .mws-hub-huerfanos__grid ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* «Mi cuenta» (ghn00i) solo en el panel del menú móvil: en escritorio ya está el icono de la cabecera. */
@media (min-width: 1181px) { .mws-global-header .brx-nav-nested-items > li:has(> .mws-nav-cuenta), .mws-global-header .mws-nav-cuenta { display: none !important; } }

/* 4n. Tarjetas de producto en listados (11/10/2026; inc/tarjetas-producto.php + mws-design.js «Tarjetas»).
   Sin botón en reposo; la tarjeta entera enlaza a la ficha (el enlace del título se estira sobre la tarjeta).
   El servidor solo pinta el icono (.mws-quick-add) en productos simples comprables en stock. Se ve únicamente en
   escritorio con ratón (≥ 1024 px, hover + puntero fino) al pasar por la tarjeta o con el foco de teclado; en móvil y
   táctil no existe. Posición: esquina inferior derecha de la imagen, que es un cuadrado del ancho de la tarjeta
   (100cqw = ancho de contenido de la tarjeta; --mws-card-pad = su relleno superior).
   Prefijo «html body» y .add_to_cart_button: tienen que ganar a «body.woocommerce ul.products li.product .button {display:flex!important}» del tema. */
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product { position: relative; container-type: inline-size; --mws-card-pad: 12px; }
html body .mws-home .mws-home-products li.product { --mws-card-pad: 16px; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(h2.dynamic a, h3.dynamic a, a.woocommerce-LoopProduct-link)::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > .dynamic:empty { display: none; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .added_to_cart { display: none !important; } /* «Ver carrito» que añade WooCommerce */
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button { display: none !important; }
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button {
		display: flex !important; align-items: center; justify-content: center; position: absolute !important; z-index: 3;
		top: calc(var(--mws-card-pad) + 100cqw - 44px - 10px); right: calc(var(--mws-card-pad) + 10px); left: auto; bottom: auto;
		width: 44px !important; min-width: 0 !important; height: 44px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
		border: 0 !important; border-radius: 50% !important; background: var(--mws-action, #c51d57) !important; color: #fff !important;
		box-shadow: 0 8px 22px rgba(197, 29, 87, .28); font-size: 0 !important; line-height: 0 !important;
		opacity: 0; transform: translateY(6px); pointer-events: none; transition: opacity .18s ease, transform .18s ease, background .18s ease;
	}
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product:is(:hover, :focus-within) a.mws-quick-add.add_to_cart_button,
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button:is(.loading, .mws-added) { opacity: 1; transform: none; pointer-events: auto; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button:hover { background: var(--mws-action-hover, #a8174a) !important; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button:focus-visible { outline: 3px solid #1c0911; outline-offset: 3px; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button::after { display: none !important; } /* sin el icono de «cargando»/«añadido» del tema base */
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button.loading { opacity: .75 !important; cursor: progress; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button .mws-quick-add__ok { display: none; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button.mws-added { background: #1f7a4d !important; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button.mws-added .mws-quick-add__icon { display: none; }
	html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button.mws-added .mws-quick-add__ok { display: block; }
}
@media (prefers-reduced-motion: reduce) { html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product a.mws-quick-add.add_to_cart_button { transition: none !important; } }

/* 4o. H1 de la tienda = el de producción, «Descubre Nuestra Tienda Erótica Especializada» (13/10/2026; MWS_SHOP_H1 en
   functions.php). En móvil, a 32 px y con el 62 % de ancho de la cabecera, «Especializada» se partía a media palabra:
   solo en la tienda y hasta 600 px, letra algo menor y sin cortar palabras. Categorías y búsqueda no cambian. */
@media (max-width: 600px) {
	html body.woocommerce-shop:not(.search) #mws-catalog-title { font-size: 25px !important; line-height: 1.05 !important; overflow-wrap: normal; word-break: normal; hyphens: manual; }
}

/* 4p. Catálogo: fila de garantías (24–72H · 100 % · Discreto · A tu ritmo) sin margen inferior negativo (13/10/2026).
   El -64px de mws-design.css venía de la demo, donde era el último bloque; aquí hacía que el bloque siguiente
   («¿Te gusta todo?», ya quitado de la plantilla 340026) se montara encima de la fila. */
body .mws-shop-v3 .mws-catalog-assurance { margin-bottom: 0 !important; }

/* 4q. /sexshop/: textos de producción bajo el H1 (13/10/2026; plantilla 340026, elementos si0001-si0013, solo tienda).
   Bienvenida, «Categorías Destacadas» (enlaces a las categorías del clon) y «Compra con Confianza». */
body .mws-shop-v3 .mws-shop-intro { max-width: 72ch; margin: 4px 0 24px; color: var(--mws-ink); }
body .mws-shop-v3 .mws-shop-intro__text { margin: 0 0 12px; font-size: 16px; line-height: 1.6; }
body .mws-shop-v3 .mws-shop-intro__text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
body .mws-shop-v3 .mws-shop-intro .mws-shop-intro__title { margin: 20px 0 10px; font: 700 20px/1.25 "DM Sans", Arial, sans-serif !important; letter-spacing: -.01em; text-transform: none; color: var(--mws-ink); }
body .mws-shop-v3 .mws-shop-intro__cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 4px; }
body .mws-shop-v3 .mws-shop-intro__cats a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid #dbc9bd; border-radius: 999px; background: #fff; color: var(--mws-ink); font-size: 15px; font-weight: 600; text-decoration: none; }
body .mws-shop-v3 .mws-shop-intro__cats a:hover, body .mws-shop-v3 .mws-shop-intro__cats a:focus-visible { border-color: var(--mws-ink); background: #fbeef2; }
@media (max-width: 767px) { body .mws-shop-v3 .mws-shop-intro__text { font-size: 15px; } body .mws-shop-v3 .mws-shop-intro .mws-shop-intro__title { font-size: 18px !important; } }

/* 4r. Home: textos editoriales de producción (13/10/2026; página 181, sección he0001, antes de Sex Academy).
   Mismo ritmo que «Lo tuyo va contigo» (.mws-values): fondo blanco, 72/44 px, H2 del tema; lista y dos columnas. */
body .mws-home-editorial { padding: 72px 0; background: #fff; font-family: "DM Sans", Arial, sans-serif; border-top: 1px solid #ddcec3; }
body .mws-home-editorial__wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; row-gap: 8px; }
body .mws-home-editorial__wrap > h2 { grid-column: 1 / -1; max-width: 28ch; margin: 0 0 16px !important; }
body .mws-home-editorial__wrap > .brxe-text-basic { grid-column: 1 / -1; }
body .mws-home-editorial__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0 0 40px; padding: 0; list-style: none; }
body .mws-home-editorial__list li { padding-top: 18px; border-top: 1px solid #ddcec3; font-size: 16px; line-height: 1.6; color: #635254; }
body .mws-home-editorial__list strong { display: block; margin-bottom: 6px; color: var(--mws-ink); font-size: 18px; }
html body .mws-home .mws-home-editorial__col h2, html body .mws-home .mws-home-editorial__col h3 { margin: 0 0 16px !important; font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.2; letter-spacing: -.02em; }
body .mws-home-editorial__col p { margin: 0 0 14px; font-size: 17px; line-height: 1.65; color: #635254; max-width: 62ch; }
@media (max-width: 1023px) { body .mws-home-editorial__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	body .mws-home-editorial { padding: 44px 0; }
	body .mws-home-editorial__wrap { grid-template-columns: 1fr; }
	body .mws-home-editorial__list { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
	body .mws-home-editorial__col p { font-size: 16px; }
}

/* 4s. Tarjeta completa (13/10/2026, referencia Diversual; inc/tarjetas-producto.php «Tarjeta completa»).
   Contenido centrado: imagen · título H3 · marca en gris · precio (tachado + final en negrita) · estrellas «(N)».
   Etiqueta «-N %» / «Oferta» arriba a la izquierda de la imagen (sin capturar clics: la tarjeta sigue enlazando a la
   ficha y el icono de bolsa del bloque 4n no cambia). Vale para los 5 elementos de Bricks y para la plantilla de
   bucle de WooCommerce (relacionados). */
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product { text-align: center; align-items: center; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(h2, h3, .woocommerce-loop-product__title) { text-align: center; margin-inline: auto; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > .dynamic { width: 100%; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > .dynamic:has(> .mws-card-badge) { display: contents; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-badge {
	position: absolute; z-index: 2; top: calc(var(--mws-card-pad, 12px) + 10px); left: calc(var(--mws-card-pad, 12px) + 10px);
	padding: 5px 10px; border-radius: 999px; background: var(--mws-action, #c51d57); color: #fff;
	font: 700 13px/1.15 "DM Sans", Arial, sans-serif; letter-spacing: .01em; pointer-events: none; white-space: nowrap;
}
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-brand {
	display: block; margin: 2px 0 0; color: #7a6a6c; font: 500 12px/1.3 "DM Sans", Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase;
}
/* precio: en Bricks el campo no lleva .price (div.dynamic con <del>/<ins> o el importe suelto); en WooCommerce, span.price */
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .price { justify-content: center; text-align: center; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product del, html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product del .amount { font-weight: 400; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(ins, ins .amount), html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product :is(.dynamic, .price) > .woocommerce-Price-amount { font-weight: 700; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-rating {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin-top: 2px; color: #635254; font-size: 12px; line-height: 1;
}
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-rating .star-rating { float: none; margin: 0; font-size: 12px; }
/* 4s (cont.): precio centrado también en el campo de Bricks (div.dynamic flex) y estrellas propias: el CSS de estrellas
   de WooCommerce (fuente «star») no se carga con Bricks. 5 estrellas en gris y, encima, las doradas recortadas al %. */
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product > .dynamic:has(> del, > ins, > .woocommerce-Price-amount) { justify-content: center; text-align: center; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-rating .star-rating {
	position: relative; display: inline-block; width: 5.5em; height: 1.1em; overflow: hidden; font: 400 13px/1.1 Arial, sans-serif; letter-spacing: .1em; color: #ddcec3;
}
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-rating .star-rating::before { content: "★★★★★"; position: absolute; top: 0; left: 0; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-rating .star-rating > span { position: absolute; top: 0; left: 0; height: 1.1em; overflow: hidden; padding-top: 1.5em; color: transparent; }
html body :is(.mws-products-grid, .mws-home-products, .mws-product-related, .mws-product-upsells) li.product .mws-card-rating .star-rating > span::before { content: "★★★★★"; position: absolute; top: 0; left: 0; color: #e0a100; }

/* 4t. Móvil: el botón flotante «Filtrar» del catálogo (fixed, abajo a la izquierda) tapaba al final la última línea del
   pie («Para mayores de 18 años…»). Hueco al final del pie solo en páginas con ese botón (13/10/2026). */
@media (max-width: 767px) { body:has(.mws-filter-disclosure) .mws-footer-wrap { padding-bottom: 72px !important; } }