/* =========================================================
   Maelita — estilos principales
   Paleta y medidas basadas en la plantilla Rio de Tiendanube.
   ========================================================= */
:root {
	--fg: #67544d;
	--fg-05: #67544d0d;
	--fg-10: #67544d1a;
	--fg-20: #67544d33;
	--fg-40: #67544d66;
	--fg-60: #67544d99;
	--bg: #ffffff;
	--accent: #a10e2b;
	--accent-dark: #830b23;
	--button: #a48d85;
	--button-fg: #ffffff;
	--label: #c0392b;
	--adbar-bg: #a10e2b;
	--adbar-fg: #ffffff;
	--body-font: "Mulish", "Muli", sans-serif;
	--heading-font: "Manrope", sans-serif;
	--font-smallest: 10px;
	--font-small: 12px;
	--font-medium: 13px;
	--font-base: 14px;
	--font-big: 16px;
	--font-large: 18px;
	--gutter: 15px;
	--head-h: 94px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--fg);
	font-family: var(--body-font);
	font-size: var(--font-base);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--fg); opacity: .85; }
:where(button, [type=button], [type=submit]) { font: inherit; color: inherit; background: none; border: 0; border-radius: 0; padding: 0; cursor: pointer; box-shadow: none; }
:where(button):hover, :where(button):focus { background: none; color: inherit; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 .5em; font-family: var(--heading-font); font-weight: 700; line-height: 1.15; color: var(--fg); }
.h1 { font-size: 44px; } .h2 { font-size: 40px; } .h3 { font-size: 32px; } .h4 { font-size: 24px; } .h5 { font-size: 20px; } .h6 { font-size: 18px; }
p { margin: 0 0 1em; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 9999; background: #fff; padding: 10px; }
.skip-link:focus { left: 10px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.icon { display: inline-flex; width: 22px; height: 22px; }
.icon svg { width: 100%; height: 100%; }
.container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 var(--gutter); }
.container-fluid { width: 100%; padding: 0; }
.text-accent { color: var(--accent); }

/* ---------- Botones ---------- */
.btn, .button, button.button, a.button, input.button, .single_add_to_cart_button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 13px 20px; border: 0; border-radius: 4px;
	background: var(--button); color: var(--button-fg);
	font-family: var(--body-font); font-size: var(--font-medium); font-weight: 600;
	text-transform: uppercase; letter-spacing: 2px; line-height: 1.2; cursor: pointer;
	transition: background .2s;
}
.btn:hover, .button:hover, .single_add_to_cart_button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--fg); color: #fff; opacity: 1; }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #payment #place_order, .woocommerce .checkout-button { background: var(--button); color: #fff; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce #payment #place_order:hover, .woocommerce .checkout-button:hover { background: var(--fg); }
.btn-secondary { background: transparent; color: var(--fg); border: 1px solid var(--fg); }
.btn-block { width: 100%; }
.btn-link { display: inline-flex; align-items: center; gap: 6px; font-size: var(--font-medium); text-transform: uppercase; letter-spacing: 1px; }

/* =========================================================
   HEADER
   ========================================================= */
.head-main { position: sticky; top: 0; z-index: 100; background: var(--bg); }
.head-main.is-compress .head-bar { box-shadow: 0 1px 0 var(--fg-10); }
.section-adbar { background: var(--adbar-bg); color: var(--adbar-fg); overflow: hidden; padding: 4px 0; line-height: 22px; }
.adbar-marquee { display: flex; width: max-content; animation: adbar 40s linear infinite; }
.section-adbar:hover .adbar-marquee { animation-play-state: paused; }
.adbar-track { display: flex; flex-shrink: 0; }
.adbar-item { padding: 0 24px; font-size: var(--font-medium); font-weight: 600; letter-spacing: -.2px; text-transform: uppercase; white-space: nowrap; }

@keyframes adbar { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .adbar-marquee { animation: none; } }

.head-bar { background: var(--bg); transition: box-shadow .2s; }
.head-container { display: flex; align-items: center; gap: 30px; max-width: 1440px; margin: 0 auto; padding: 0 var(--gutter); height: var(--head-h); transition: height .25s; }
.head-main.is-compress .head-container { height: 68px; }
.head-logo { flex-shrink: 0; }
.logo-link { display: block; }
.logo-img { max-height: 58px; width: auto; transition: max-height .25s; }
.head-main.is-compress .logo-img { max-height: 42px; }
.head-icon.head-hamburger { display: none; }
.head-icon { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 36px; height: 36px; color: var(--fg); }
.head-icon .icon { width: 23px; height: 23px; }
.head-utilities { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.cart-count { position: absolute; top: 15px; left: 0; right: 0; text-align: center; font-size: 10px; font-weight: 700; line-height: 1; pointer-events: none; }

/* Menú desktop */
.nav-desktop { flex: 1; min-width: 0; }
.nav-desktop-list { display: flex; flex-wrap: wrap; align-items: center; gap: 0 34px; margin: 0; padding: 10px 0; list-style: none; }
.nav-desktop-list > li { position: relative; }
.nav-desktop-list > li > a { display: flex; align-items: center; gap: 6px; padding: 10px 0; font-size: 15px; text-transform: uppercase; white-space: nowrap; position: relative; }
.nav-desktop-list > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 1px; background: var(--fg); transform: scaleX(0); transition: transform .25s; transform-origin: left; }
.nav-desktop-list > li:hover > a::after, .nav-desktop-list > li.current-menu-item > a::after { transform: scaleX(1); }
.nav-desktop-list > li.menu-item-has-children > a::before { content: ""; order: 2; width: 7px; height: 7px; margin: -4px 0 0 4px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.nav-desktop-list .sub-menu { position: absolute; top: 100%; left: -20px; min-width: 230px; margin: 0; padding: 18px 20px; list-style: none; background: var(--bg); box-shadow: 0 8px 20px rgba(0,0,0,.08); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px); transition: all .2s; z-index: 10; }
.nav-desktop-list li:hover > .sub-menu, .nav-desktop-list li:focus-within > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.nav-desktop-list .sub-menu a { display: block; padding: 6px 0; font-size: var(--font-base); text-transform: uppercase; }

/* Buscador */
.search-panel { border-top: 1px solid var(--fg-10); background: var(--bg); padding: 16px var(--gutter); box-shadow: 0 8px 20px rgba(0,0,0,.06); }
.search-panel[hidden] { display: none; }
.search-form { display: flex; max-width: 700px; margin: 0 auto; border-bottom: 1px solid var(--fg); }
.search-input { flex: 1; border: 0; padding: 10px 0; font: inherit; font-size: var(--font-big); color: var(--fg); background: transparent; outline: none; }
.search-submit { width: 40px; display: flex; align-items: center; justify-content: center; }

/* Menú mobile */
.nav-mobile { position: fixed; inset: 0; z-index: 1000; visibility: hidden; }
.nav-mobile.is-open { visibility: visible; }
.nav-mobile-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: opacity .3s; }
.nav-mobile.is-open .nav-mobile-overlay { opacity: 1; }
.nav-mobile-panel { position: absolute; top: 0; left: 0; bottom: 0; width: 86%; max-width: 380px; background: var(--bg); padding: 0 20px 30px; overflow-y: auto; transform: translateX(-100%); transition: transform .3s; }
.nav-mobile.is-open .nav-mobile-panel { transform: none; }
.nav-mobile-head { display: flex; align-items: center; justify-content: space-between; height: 64px; border-bottom: 1px solid var(--fg-10); margin-bottom: 15px; }
.nav-mobile-title { font-size: var(--font-small); text-transform: uppercase; letter-spacing: 2px; }
.nav-mobile-list { list-style: none; margin: 0; padding: 0; }
.nav-mobile-list a { display: flex; padding: 5px 0; margin-bottom: 15px; font-size: var(--font-big); text-transform: uppercase; }
.nav-mobile-list .sub-menu { list-style: none; margin: -8px 0 12px; padding: 0 0 0 15px; display: none; }
.nav-mobile-list .is-expanded > .sub-menu { display: block; }
.nav-mobile-list .sub-menu a { font-size: var(--font-base); margin-bottom: 8px; }
.nav-mobile-list .menu-item-has-children { position: relative; }
.nav-mobile-list .submenu-toggle { position: absolute; right: 0; top: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; }
.nav-mobile-list .is-expanded > .submenu-toggle { transform: rotate(180deg); }
.nav-mobile-footer { border-top: 1px solid var(--fg-10); padding-top: 20px; margin-top: 10px; }
.nav-mobile-footer a { display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-size: var(--font-medium); letter-spacing: 1px; }
body.no-scroll { overflow: hidden; }

/* =========================================================
   HOME
   ========================================================= */
.section-slider-home { margin-bottom: 15px; }
.hero { position: relative; overflow: hidden; }
.hero-track { display: flex; transition: transform .6s ease; }
.hero-slide { flex: 0 0 100%; display: block; position: relative; }
.hero-img { width: 100%; height: auto; }
.hero-slide-collage { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; height: min(52vw, 760px); }
.hero-collage-item { display: block; overflow: hidden; height: 100%; }
.hero-collage-item .hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; transition: transform 1.2s ease; }
.hero-collage-item:hover .hero-img { transform: scale(1.03); }
.hero-btn { position: absolute; top: 50%; z-index: 2; width: 30px; height: 30px; margin-top: -15px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.85); color: var(--fg); }
.hero-btn .icon { width: 18px; height: 18px; }
.hero-prev { left: 0; } .hero-next { right: 0; }
.hero-dots { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; justify-content: center; gap: 8px; z-index: 2; }
.hero-dots button { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.55); }
.hero-dots button.is-active { background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.15); }

/* Carruseles genéricos */
.carousel { position: relative; }
.carousel-track { display: flex; gap: var(--gutter); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.carousel-track::-webkit-scrollbar { display: none; }
.carousel-slide { flex: 0 0 calc((100% - var(--gutter) * (var(--per, 4) - 1)) / var(--per, 4)); scroll-snap-align: start; min-width: 0; }
.carousel-btn { position: absolute; top: 40%; z-index: 3; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.9); color: var(--fg); transition: opacity .2s; }
.carousel-btn .icon { width: 18px; height: 18px; }
.carousel-btn[disabled] { opacity: 0; pointer-events: none; }
.carousel-prev { left: 0; } .carousel-next { right: 0; }

/* Banners de categorías */
.section-banners-home { padding-bottom: 40px; border-bottom: 1px solid var(--fg-10); }
.carousel-banners .carousel-btn { top: 0; height: 30px; margin-top: 0; }
.carousel-banners .carousel-next { top: 0; right: 0; }
.textbanner { display: block; }
.textbanner:hover { opacity: 1; }
.textbanner-image { aspect-ratio: 4 / 3; overflow: hidden; background: var(--fg-05); }
.textbanner-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; transition: transform .8s ease; }
.textbanner:hover .textbanner-image img { transform: scale(1.04); }
.textbanner-text { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; border-bottom: 1px solid var(--fg-10); }
.textbanner-title { margin: 0; font-size: 26px; text-transform: uppercase; letter-spacing: -.3px; }
.textbanner-arrow { width: 22px; height: 12px; transition: transform .3s; }
.textbanner:hover .textbanner-arrow { transform: translateX(4px); }

/* Secciones de productos */
.section-featured-home { border-bottom: 1px solid var(--fg-10); padding-bottom: 60px; }
.section-featured-home:last-of-type { border-bottom: 0; }
.section-title { margin: 0; padding: 50px var(--gutter) 60px; text-align: center; font-size: 32px; letter-spacing: -.2px; }

/* =========================================================
   TARJETA DE PRODUCTO
   ========================================================= */
.item { position: relative; min-width: 0; }
.item-image { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--fg-05); }
.item-image:hover { opacity: 1; }
.item-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: opacity .4s ease; }
.item-img-secondary { opacity: 0; }
@media (hover: hover) { .item:hover .item-img-secondary { opacity: 1; } }
.label { position: absolute; left: 10px; bottom: 10px; z-index: 2; padding: 3px 6px; border-radius: 4px; font-size: var(--font-smallest); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #fff; }
.label-sale { background: var(--label); }
.label-nostock { background: var(--fg); }
.item-description { padding: 12px 10px 20px; }
.item-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; font-size: 15px; line-height: 1.3; }
.item-swatches { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 10px; }
.swatch { width: 18px; height: 18px; border-radius: 50%; background: var(--sw); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.swatch-more { font-size: var(--font-small); }

/* Precios */
.price-block .amount, .price-block bdi { white-space: nowrap; }
.price-main { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
.price-compare { text-decoration: line-through; opacity: .8; font-size: var(--font-medium); margin-right: 4px; }
.price-value { font-size: 17px; }
.price-value small { font-size: var(--font-small); }
.price-method { font-size: 11px; }
.price-transfer { margin-top: 3px; color: var(--accent); font-weight: 700; font-size: 15px; }
.price-transfer-label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; }
.price-installments { margin-top: 5px; font-size: var(--font-small); }
.price-block-single .price-value { font-size: 20px; }
.price-block-single .price-transfer { font-size: 18px; }
.price-block-single .price-installments { font-size: var(--font-medium); opacity: .85; }

/* =========================================================
   CATEGORÍA
   ========================================================= */
.breadcrumbs { margin-bottom: 10px; font-size: var(--font-medium); }
.breadcrumbs a { opacity: .8; }
.breadcrumbs .separator { margin: 0 5px; opacity: .6; }
.category-container { padding-top: 20px; padding-bottom: 60px; }
.category-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.page-title { margin: 0; text-transform: uppercase; }
.category-controls { display: flex; align-items: center; gap: 15px; }
.filters-toggle { display: none; }
.woocommerce-ordering { margin: 0; }
.woocommerce-ordering select, .orderby {
	min-width: 180px; padding: 6px 30px 6px 8px; border: 1px solid var(--fg-40); border-radius: 0;
	font: inherit; font-size: var(--font-medium); text-transform: uppercase; color: var(--fg); background: #fff;
	appearance: none; -webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367544d' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 6px center; background-size: 18px;
}
.category-description { margin-bottom: 30px; max-width: 800px; }
.category-body { display: grid; grid-template-columns: 210px 1fr; gap: 15px; }
.category-sidebar { padding-right: 0; }
.filters-head { display: none; }
.sidebar-categories { list-style: none; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid var(--fg-10); }
.sidebar-categories li { margin-bottom: 12px; }
.sidebar-categories a { font-size: 15px; text-transform: uppercase; }
.sidebar-categories li.active a { font-weight: 700; }
.filters-heading { font-size: 20px; margin: 10px 0 20px; }
.filters-clear { display: inline-block; margin: -10px 0 20px; font-size: var(--font-small); text-decoration: underline; }
.filter-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--fg-10); }
.filter-title { margin-bottom: 14px; font-family: var(--body-font); font-size: var(--font-medium); font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.filter-list { list-style: none; margin: 0; padding: 0; }
.filter-list li { margin-bottom: 12px; }
.filter-option { display: flex; align-items: center; gap: 8px; font-size: 15px; }
.filter-option .checkbox { width: 16px; height: 16px; border: 1px solid var(--fg-60); border-radius: 2px; flex-shrink: 0; position: relative; }
.filter-option.is-active .checkbox { background: var(--fg); border-color: var(--fg); }
.filter-option.is-active .checkbox::after { content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.filter-count { font-size: var(--font-small); opacity: .7; }
.filter-color { width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.show-more-btn { margin-top: 4px; padding: 3px 9px; border: 1px solid var(--fg-60); border-radius: 3px; font-size: var(--font-smallest); text-transform: uppercase; letter-spacing: 1px; }
.js-show-more-list.is-collapsed li.is-extra { display: none; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 var(--gutter); }
.filters-overlay { display: none; }
.empty-message { padding: 40px 0; text-align: center; }

/* Paginación */
.woocommerce-pagination { margin-top: 30px; text-align: center; }
.woocommerce-pagination ul { display: inline-flex; gap: 6px; list-style: none; margin: 0; padding: 0; border: 0 !important; }
.woocommerce-pagination li { border: 0 !important; }
.woocommerce-pagination a, .woocommerce-pagination span { display: flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; border: 1px solid var(--fg-20); font-size: var(--font-medium); }
.woocommerce-pagination .current { background: var(--fg); color: #fff; border-color: var(--fg); }

/* =========================================================
   FICHA DE PRODUCTO
   ========================================================= */
.product-container { display: grid; grid-template-columns: 55% 1fr; gap: 32px; padding: 0 var(--gutter) 60px 0; max-width: 1440px; margin: 0 auto; }
.product-gallery { display: grid; grid-template-columns: 105px 1fr; gap: 15px; align-self: start; position: sticky; top: calc(var(--head-h) + 40px); }
.product-gallery:not(:has(.product-thumbs)) { grid-template-columns: 1fr; }
.product-thumbs { display: flex; flex-direction: column; gap: 15px; max-height: 80vh; overflow-y: auto; scrollbar-width: none; }
.product-thumbs::-webkit-scrollbar { display: none; }
.product-thumb { display: block; aspect-ratio: 3 / 4; overflow: hidden; opacity: .6; transition: opacity .2s; }
.product-thumb.is-active, .product-thumb:hover { opacity: 1; }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-images { position: relative; overflow: hidden; }
.product-images-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.product-images-track::-webkit-scrollbar { display: none; }
.product-image { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 3 / 4; background: var(--fg-05); cursor: zoom-in; }
.product-image:hover { opacity: 1; }
.product-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.gallery-dots { display: none; }
.product-info { padding-top: 30px; }
.product-name { font-size: 40px; margin-bottom: 20px; }
.product-prices { margin-bottom: 25px; }
.product-payments { display: grid; gap: 8px; margin-bottom: 20px; font-size: var(--font-medium); }
.payment-row { display: flex; align-items: center; gap: 10px; }
.payment-row .icon { width: 20px; height: 20px; flex-shrink: 0; }
.product-shipping-note { display: flex; align-items: center; gap: 10px; padding: 16px 0; margin-bottom: 25px; border-top: 1px solid var(--fg-10); border-bottom: 1px solid var(--fg-10); font-size: var(--font-medium); }
.product-shipping-note .icon { width: 20px; height: 20px; }

/* Formulario de compra */
.product-form form.cart { margin: 0 0 30px; }
.product-form table.variations { width: 100%; border: 0; margin: 0 0 10px; border-collapse: collapse; }
.product-form table.variations tr { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 16px; }
.product-form table.variations th, .product-form table.variations td { padding: 0; border: 0; text-align: left; background: none; }
.product-form table.variations th.label { position: static; width: 58px; padding-top: 7px; background: none; color: var(--fg); font-family: var(--heading-font); font-size: var(--font-small); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.product-form table.variations th.label label { font-weight: 700; }
.product-form table.variations td.value { flex: 1; }
.product-form .reset_variations { display: inline-block; margin-top: 8px; font-size: var(--font-small); text-decoration: underline; }
.product-form .woocommerce-variation-description p { font-size: var(--font-medium); }
.product-form .woocommerce-variation-availability .stock { margin: 0 0 10px; font-size: var(--font-medium); }
.product-form .single_variation_wrap .woocommerce-variation-price { display: none; }
.product-form .quantity { display: none; }
.product-form .single_add_to_cart_button { width: 100%; height: 40px; }
.product-form .single_add_to_cart_button.disabled { opacity: .6; cursor: not-allowed; }
.product-form .out-of-stock { font-weight: 700; color: var(--accent); }
.product-form .woocommerce-variation-add-to-cart { display: flex; }
.product-form select { width: 100%; max-width: 280px; padding: 8px 10px; border: 1px solid var(--fg-40); font: inherit; color: var(--fg); background: #fff; }

/* Botones de talle/color del plugin Variation Swatches, con el estilo de Tiendanube */
.woo-variation-swatches .variable-items-wrapper { gap: 8px; margin: 0 !important; }
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	min-width: 36px; height: 28px !important; margin: 0 !important; padding: 0 9px !important;
	border-radius: 15px !important; box-shadow: 0 0 0 1px var(--fg-60) !important; background: #fff !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item { width: 36px !important; min-width: 36px; padding: 3px !important; }
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item .variable-item-span-color { border-radius: 11px !important; }
.woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-span { font-size: var(--font-small); text-transform: uppercase; color: var(--fg); padding: 0 !important; }
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover { box-shadow: 0 0 0 2px var(--fg) !important; }
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled { opacity: .35 !important; }

.product-accordion { border-top: 1px solid var(--fg-10); }
.product-accordion details { border-bottom: 1px solid var(--fg-10); }
.product-accordion summary { display: flex; align-items: center; gap: 10px; padding: 16px 0; cursor: pointer; list-style: none; font-size: 15px; }
.product-accordion summary::-webkit-details-marker { display: none; }
.product-accordion summary::before { content: ""; border-left: 6px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: transform .2s; }
.product-accordion details[open] summary::before { transform: rotate(90deg); }
.accordion-content { padding: 0 0 18px 16px; font-size: var(--font-base); }
.accordion-content p { margin: 0 0 4px; }
.product-whatsapp { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-size: var(--font-medium); text-decoration: underline; }
.product-whatsapp .icon { width: 18px; height: 18px; color: #25d366; }
.single-product-wrap .section-featured-home { border-top: 1px solid var(--fg-10); }

/* Avisos de WooCommerce */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--fg) !important; background: var(--fg-05) !important; color: var(--fg) !important; font-size: var(--font-base); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--fg) !important; }

/* Lightbox */
.zoom-modal { position: fixed; inset: 0; z-index: 2000; background: #fff; display: flex; align-items: center; justify-content: center; }
.zoom-modal img { max-width: 100%; max-height: 100vh; object-fit: contain; }
.zoom-close { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; }

/* =========================================================
   PÁGINAS / CARRITO / CHECKOUT / CUENTA
   ========================================================= */
.page-container { padding-top: 30px; padding-bottom: 70px; }
.page-container .page-title { margin-bottom: 30px; }
.page-content { max-width: 100%; }
.page-wc .page-title { text-align: center; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text, .select2-container--default .select2-selection--single {
	border: 1px solid var(--fg-40); border-radius: 0; padding: 10px 12px; font: inherit; color: var(--fg); min-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20px; padding-left: 0; color: var(--fg); }
.woocommerce table.shop_table { border-color: var(--fg-20); border-radius: 0; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--fg-10); }
.woocommerce-checkout #payment { background: var(--fg-05); border-radius: 0; }
.woocommerce-checkout #payment div.payment_box { background: #fff; color: var(--fg); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li { padding: 8px 0; border-bottom: 1px solid var(--fg-10); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { font-weight: 700; }
.posts-list { display: grid; gap: 30px; }
.page-404 { text-align: center; }

/* Carrito lateral (plugin Side Cart) con la tipografía y colores del tema */
.xoo-wsc-container, .xoo-wsc-slider { font-family: var(--body-font) !important; color: var(--fg); }
.xoo-wsc-header .xoo-wsch-text { font-family: var(--heading-font); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.xoo-wsc-ft-btn, .xoo-wsc-ft-buttons-cont a { background: var(--button) !important; color: #fff !important; border-radius: 4px !important; text-transform: uppercase; letter-spacing: 1px; font-size: var(--font-medium) !important; }
.xoo-wsc-ft-btn:hover { background: var(--fg) !important; }
.xoo-wsc-basket { display: none !important; }

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer { border-top: 1px solid var(--fg-10); padding-top: 45px; }
.footer-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1440px; margin: 0 auto; padding: 0 var(--gutter); }
.footer-title { margin-bottom: 22px; font-family: var(--body-font); font-size: var(--font-medium); font-weight: 400; text-transform: uppercase; letter-spacing: 1.5px; }
.footer-text { font-size: var(--font-base); max-width: 340px; }
.footer-social { display: flex; gap: 16px; }
.footer-social .icon { width: 22px; height: 22px; }
.footer-menu, .footer-contact { list-style: none; margin: 0; padding: 0; }
.footer-menu li, .footer-contact li { margin-bottom: 18px; font-size: 15px; }
.footer-menu a { text-transform: uppercase; }
.footer-contact a { display: inline-flex; align-items: center; gap: 8px; }
.footer-contact .icon { width: 18px; height: 18px; }
.footer-payments-shipping-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding: 50px var(--gutter) 40px; }
.footer-payments-shipping-logos img { width: 40px; height: 25px; object-fit: contain; border-radius: 4px; box-shadow: 0 0 0 1px var(--fg-10); background: #fff; padding: 2px; }
.pay-badge { display: inline-flex; align-items: center; height: 25px; padding: 0 6px; border-radius: 4px; box-shadow: 0 0 0 1px var(--fg-10); font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; }
.pay-badge-andreani { color: #d71920; }
.footer-legal { padding: 10px var(--gutter) 45px; text-align: center; font-size: var(--font-medium); }

.whatsapp-float { position: fixed; right: 20px; bottom: 20px; z-index: 90; width: 46px; height: 46px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.whatsapp-float:hover { color: #fff; opacity: 1; transform: scale(1.05); }
.whatsapp-float .icon { width: 28px; height: 28px; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1100px) {
	.nav-desktop-list { gap: 0 22px; }
	.nav-desktop-list > li > a { font-size: 13px; }
}

@media (max-width: 991px) {
	:root { --head-h: 64px; }
	.head-container { gap: 0; }
	.nav-desktop { display: none; }
	.head-icon.head-hamburger { display: inline-flex; }
	.head-logo { position: absolute; left: 50%; transform: translateX(-50%); }
	.logo-img { max-height: 46px; }
	.head-main.is-compress .head-container { height: 56px; }
	.head-main.is-compress .logo-img { max-height: 36px; }
	.head-account { display: none; }
	.head-utilities { gap: 0; }

	.h2, .product-name { font-size: 28px; }
	.section-title { font-size: 26px; padding: 40px var(--gutter); }
	.textbanner-title { font-size: 20px; }

	.category-header { flex-direction: column; align-items: stretch; gap: 12px; }
	.category-controls { justify-content: space-between; }
	.filters-toggle { display: inline-flex; }
	.category-body { grid-template-columns: 1fr; }
	.category-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1001; width: 86%; max-width: 360px; padding: 0 20px 30px; background: #fff; overflow-y: auto; transform: translateX(-100%); transition: transform .3s; }
	.category-sidebar.is-open { transform: none; }
	.filters-head { display: flex; align-items: center; justify-content: space-between; height: 64px; margin-bottom: 15px; border-bottom: 1px solid var(--fg-10); }
	.filters-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,.35); }
	.category-sidebar.is-open ~ .filters-overlay, .filters-overlay.is-open { display: block; }
	.product-grid { grid-template-columns: repeat(3, 1fr); }

	.product-container { grid-template-columns: 1fr; gap: 0; padding: 0 0 40px; }
	.product-gallery { position: static; grid-template-columns: 1fr; }
	.product-thumbs { display: none; }
	.gallery-dots { display: flex; justify-content: center; gap: 6px; padding: 12px 0 0; }
	.gallery-dots span { width: 6px; height: 6px; border-radius: 50%; background: var(--fg-20); }
	.gallery-dots span.is-active { background: var(--fg); }
	.product-info { padding: 20px var(--gutter) 0; }

	.footer-container { grid-template-columns: 1fr; gap: 10px; }
	.footer-col { padding-bottom: 20px; }
}

@media (max-width: 767px) {
	.hero-slide-collage { grid-template-columns: 1fr; height: auto; }
	.hero-slide-collage .hero-collage-item { display: none; aspect-ratio: 3 / 4; }
	.hero-slide-collage .hero-collage-item:first-child { display: block; }
	.carousel-btn { display: none; }
	.carousel-track { padding: 0 var(--gutter); scroll-padding: 0 var(--gutter); }
	.section-featured-home .carousel-track { padding: 0; scroll-padding: 0; gap: 10px; }
	.product-grid { grid-template-columns: repeat(2, 1fr); gap: 0 10px; }
	.item-description { padding: 10px 4px 18px; }
	.item-name { font-size: var(--font-base); }
	.price-value { font-size: 15px; }
	.price-transfer { font-size: 14px; }
	.price-installments { font-size: 11px; }
	.textbanner-text { padding: 12px 4px; }
	.adbar-item { font-size: var(--font-small); }
	.woocommerce-ordering select { min-width: 0; max-width: 60vw; }
	.whatsapp-float { right: 14px; bottom: 14px; }
}

/* Cantidad de items visibles por carrusel */
.carousel[data-per="4"] { --per: 4; }
.carousel[data-per="3"] { --per: 3; }
@media (max-width: 991px) { .carousel[data-per="4"] { --per: 3; } }
@media (max-width: 767px) {
	.carousel[data-per-mobile="2"] { --per: 2; --gutter: 10px; }
	.carousel[data-per-mobile="1.25"] { --per: 1.25; }
}

/* Blindaje contra estilos globales de Elementor en páginas viejas */
.head-main .head-icon, .nav-mobile .head-icon, .nav-mobile .submenu-toggle, .search-submit, .js-close-filters.head-icon {
	background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; color: var(--fg) !important;
}
.site-footer h4, .head-main a, .nav-mobile a { font-family: var(--body-font); }

/* Botón de compra: le gana a los estilos de WooCommerce (incluido el estado deshabilitado) */
.product-form .single_add_to_cart_button.button,
.woocommerce .product-form button.single_add_to_cart_button.button.alt,
.woocommerce .product-form button.single_add_to_cart_button.button.alt.disabled,
.woocommerce .product-form button.single_add_to_cart_button.button.alt:disabled {
	background: var(--button); color: #fff; border-radius: 4px; padding: 13px 20px; opacity: 1;
}
.woocommerce .product-form button.single_add_to_cart_button.button.alt.disabled { opacity: .65; }
.woocommerce .product-form button.single_add_to_cart_button.button.alt:not(.disabled):hover { background: var(--fg); }

/* Descripciones viejas traen fuentes y tamaños pegados: se unifican */
.accordion-content, .accordion-content * { font-family: var(--body-font) !important; color: var(--fg) !important; }
.accordion-content * { font-size: var(--font-base) !important; line-height: 1.6 !important; background: none !important; }
.accordion-content strong, .accordion-content b { font-weight: 700; }
.woocommerce .product-form form.cart .quantity, .product-form .woocommerce-variation-availability { display: none !important; }
.woocommerce .product-form form.cart .single_add_to_cart_button { flex: 1; margin-left: 0 !important; }