/* ==========================================================================
   NexoStore — tema clásico de e-commerce
   Marca: magenta + cian del logo, navy para estructura. DM Sans.
   ========================================================================== */

:root {
	--nx-cyan: #14baf9;
	--nx-primary: #0a78ac;        /* cian oscurecido: texto blanco con contraste AA */
	--nx-primary-dark: #075d86;
	--nx-magenta: #eb21cd;
	--nx-sale: #c4128f;
	--nx-navy: #1a1a2e;
	--nx-navy-2: #0f1424;
	--nx-ink: #1a1a2e;
	--nx-text: #3d4252;
	--nx-muted: #6b7280;
	--nx-line: #e3e7ee;
	--nx-soft: #f3f7fa;
	--nx-tint: #e8f7fe;
	--nx-white: #fff;
	--nx-ok: #13865a;
	--nx-error: #c62828;
	--nx-radius: 8px;
	--nx-radius-lg: 14px;
	--nx-shadow: 0 1px 2px rgb(16 24 40 / .06), 0 4px 14px rgb(16 24 40 / .06);
	--nx-shadow-lg: 0 10px 30px rgb(16 24 40 / .12);
	--nx-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--nx-wrap: 1240px;
	--nx-gutter: 16px;
}

/* ---------- Base ---------- */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--nx-font);
	font-size: 16px;
	line-height: 1.55;
	color: var(--nx-text);
	background: var(--nx-white);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--nx-primary); text-decoration: none; }
a:hover { color: var(--nx-primary-dark); }
h1, h2, h3, h4 { color: var(--nx-ink); line-height: 1.2; margin: 0 0 .5em; font-weight: 700; }
p { margin: 0 0 1em; }
ul { padding: 0; margin: 0; list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--nx-cyan); outline-offset: 2px; }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.nx-skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--nx-navy); color: #fff; padding: 8px 14px; border-radius: var(--nx-radius); }
.nx-skip:focus { left: 8px; color: #fff; }

.nx-container { width: 100%; max-width: var(--nx-wrap); margin-inline: auto; padding-inline: var(--nx-gutter); }
@media (min-width: 768px) { :root { --nx-gutter: 24px; } }

.nx-icon { flex: none; }
.nx-kicker { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--nx-primary); margin: 0 0 .5em; }
.nx-kicker a { color: inherit; }
.nx-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--nx-primary); }
.nx-link .nx-icon { transition: transform .2s; }
.nx-link:hover .nx-icon { transform: translateX(3px); }

/* ---------- Botones ---------- */

.nx-btn,
.button,
button.button,
input.button,
.woocommerce a.button,
.woocommerce button.button,
#place_order,
.wc-proceed-to-checkout .checkout-button,
.single_add_to_cart_button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 10px 22px;
	border: 1px solid var(--nx-primary); border-radius: var(--nx-radius);
	background: var(--nx-primary); color: #fff;
	font-weight: 700; font-size: 15px; line-height: 1.2; text-align: center;
	cursor: pointer; transition: background .15s, border-color .15s, transform .1s;
}
.nx-btn:hover, .button:hover, #place_order:hover, .single_add_to_cart_button:hover,
.wc-proceed-to-checkout .checkout-button:hover {
	background: var(--nx-primary-dark); border-color: var(--nx-primary-dark); color: #fff;
}
.nx-btn:active, .button:active { transform: translateY(1px); }
.nx-btn--lg { min-height: 52px; padding: 14px 28px; font-size: 16px; }
.nx-btn--ghost { background: transparent; color: var(--nx-ink); border-color: rgb(26 26 46 / .25); }
.nx-btn--ghost:hover { background: var(--nx-ink); border-color: var(--nx-ink); color: #fff; }
.nx-btn--light { background: #fff; color: var(--nx-navy); border-color: #fff; }
.nx-btn--light:hover { background: var(--nx-cyan); border-color: var(--nx-cyan); color: var(--nx-navy); }
.button:disabled, .button.disabled, .button[disabled] { opacity: .5; cursor: not-allowed; }
.button.loading { opacity: .7; pointer-events: none; }
.button.added::after { content: "✓"; }
.added_to_cart { display: block; margin-top: 8px; font-size: 14px; font-weight: 700; text-align: center; }

/* ---------- Barra superior ---------- */

.nx-topbar { background: var(--nx-navy-2); color: #d6dbe6; font-size: 13px; }
.nx-topbar__inner { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 38px; }
.nx-topbar__notice { display: flex; align-items: center; gap: 8px; margin: 0; text-align: center; }
.nx-topbar__notice .nx-icon { color: var(--nx-cyan); }
.nx-topbar__links { display: none; gap: 20px; }
.nx-topbar__links a { color: #d6dbe6; }
.nx-topbar__links a:hover { color: #fff; }
@media (min-width: 960px) {
	.nx-topbar__inner { justify-content: space-between; }
	.nx-topbar__links { display: flex; }
}

/* ---------- Cabecera ---------- */

.nx-header { position: sticky; top: 0; z-index: 50; background: #fff; transition: box-shadow .2s; }
.nx-header.is-scrolled { box-shadow: 0 4px 16px rgb(16 24 40 / .1); }
.nx-header__main {
	display: grid; align-items: center; gap: 12px 16px;
	grid-template-columns: auto 1fr auto;
	grid-template-areas: "burger logo actions" "search search search";
	padding-block: 12px;
}
.nx-burger { grid-area: burger; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; background: none; color: var(--nx-ink); cursor: pointer; border-radius: var(--nx-radius); }
.nx-burger:hover { background: var(--nx-soft); }
.nx-logo { grid-area: logo; justify-self: start; }
.nx-logo img { width: 150px; height: auto; }
.nx-search { grid-area: search; display: flex; position: relative; }
.nx-search input {
	width: 100%; min-height: 46px; padding: 10px 56px 10px 16px;
	border: 2px solid var(--nx-line); border-radius: 999px; background: var(--nx-soft);
	transition: border-color .15s, background .15s;
}
.nx-search input:focus { outline: none; border-color: var(--nx-cyan); background: #fff; }
.nx-search button {
	position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border: 0; border-radius: 999px;
	background: var(--nx-primary); color: #fff; cursor: pointer;
}
.nx-search button:hover { background: var(--nx-primary-dark); }
.nx-actions { grid-area: actions; display: flex; align-items: center; gap: 4px; }
.nx-action { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: var(--nx-radius); color: var(--nx-ink); }
.nx-action:hover { background: var(--nx-soft); color: var(--nx-ink); }
.nx-action__text { display: none; flex-direction: column; font-weight: 700; font-size: 14px; line-height: 1.2; }
.nx-action__text small { font-weight: 400; color: var(--nx-muted); font-size: 12px; }
.nx-action__icon { position: relative; display: inline-flex; }
.nx-cart-count {
	position: absolute; top: -6px; right: -8px; min-width: 20px; height: 20px; padding: 0 5px;
	border-radius: 999px; background: var(--nx-magenta); color: #fff;
	font-size: 11px; font-weight: 700; line-height: 20px; text-align: center;
}
.nx-cart-count[data-empty] { background: var(--nx-muted); }
.nx-cart-total .amount { font-weight: 700; }

@media (min-width: 600px) {
	.nx-logo img { width: 180px; }
}
@media (min-width: 960px) {
	.nx-header__main {
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas: "logo search actions";
		gap: 32px; padding-block: 18px;
	}
	.nx-burger { display: none; }
	.nx-logo img { width: 210px; }
	.nx-search { max-width: 620px; width: 100%; justify-self: center; }
	.nx-action__text { display: flex; }
	.nx-actions { gap: 12px; }
}

/* ---------- Barra de categorías ---------- */

.nx-nav { background: var(--nx-navy); }
.nx-nav__list { display: flex; flex-direction: column; }
.nx-nav__list a {
	display: block; padding: 12px 0; color: #fff; font-weight: 500; font-size: 15px;
	border-bottom: 1px solid rgb(255 255 255 / .08);
}
.nx-nav__list a:hover, .nx-nav__list a[aria-current] { color: var(--nx-cyan); }

@media (max-width: 959px) {
	.nx-nav { display: none; max-height: calc(100vh - 140px); overflow-y: auto; }
	.nx-nav.is-open { display: block; }
	.nx-nav__inner { padding-block: 4px 12px; }
}
@media (min-width: 960px) {
	.nx-nav__list { flex-direction: row; flex-wrap: wrap; }
	.nx-nav__list a { padding: 13px 14px; font-size: 14.5px; border-bottom: 0; border-bottom: 3px solid transparent; }
	.nx-nav__list li:first-child a { padding-left: 0; }
	.nx-nav__list a:hover, .nx-nav__list a[aria-current] { color: #fff; border-bottom-color: var(--nx-cyan); }
}

/* ---------- Portada: hero ---------- */

.nx-hero { display: grid; gap: 16px; padding-block: 20px 8px; }
.nx-hero__main {
	position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 12px;
	padding: 28px 22px; border-radius: var(--nx-radius-lg); overflow: hidden;
	background:
		radial-gradient(circle at 85% 20%, rgb(20 186 249 / .35), transparent 45%),
		radial-gradient(circle at 70% 95%, rgb(235 33 205 / .22), transparent 40%),
		linear-gradient(135deg, #e8f7fe 0%, #f6f0fb 100%);
}
.nx-hero__copy { min-width: 0; }
.nx-hero__title { font-size: clamp(30px, 6vw, 50px); letter-spacing: -.02em; margin-bottom: .35em; }
.nx-hero__text { font-size: 17px; max-width: 46ch; color: var(--nx-text); }
.nx-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; }
.nx-hero__cta .nx-btn--ghost { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; line-height: 22px; }
.nx-hero__media { position: relative; display: block; justify-self: center; width: min(100%, 240px); }
@media (min-width: 768px) { .nx-hero__media { width: min(100%, 380px); } }
.nx-hero__media img { width: 100%; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; border-radius: var(--nx-radius-lg); }
.nx-hero__price {
	position: absolute; right: 6px; bottom: 14px; padding: 8px 14px; border-radius: 999px;
	background: var(--nx-magenta); color: #fff; font-weight: 700; font-size: 18px; box-shadow: var(--nx-shadow-lg);
}
.nx-hero__price del { opacity: .75; font-size: 14px; margin-right: 6px; }
.nx-hero__price ins { text-decoration: none; }
.nx-hero__side {
	position: relative; display: grid; grid-template-columns: 1fr 120px; align-items: center; gap: 8px;
	min-height: 150px; padding: 18px 18px 18px 22px; border-radius: var(--nx-radius-lg); overflow: hidden;
	background: var(--nx-soft); color: var(--nx-ink); transition: box-shadow .2s, transform .2s;
}
.nx-hero__side--1 { background: linear-gradient(135deg, #fdeefb, #fff6fd); }
.nx-hero__side--2 { background: linear-gradient(135deg, #e6f7fe, #f3fbff); }
.nx-hero__side:hover { box-shadow: var(--nx-shadow-lg); transform: translateY(-2px); color: var(--nx-ink); }
.nx-hero__side-copy { display: flex; flex-direction: column; gap: 4px; }
.nx-hero__side-copy .nx-kicker { margin: 0; }
.nx-hero__side-copy strong { font-size: 20px; line-height: 1.2; }
.nx-hero__side img { mix-blend-mode: multiply; width: 120px; height: 120px; object-fit: contain; }

@media (min-width: 768px) {
	.nx-hero__main { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); padding: 44px 48px; }
}
@media (min-width: 1024px) {
	.nx-hero { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; padding-top: 24px; }
	.nx-hero__main { grid-row: span 2; min-height: 440px; }
	.nx-hero__side { grid-template-columns: 1fr 130px; }
	.nx-hero__side img { width: 130px; height: 130px; }
}

/* ---------- Franja de beneficios ---------- */

.nx-perks { padding-block: 16px; }
.nx-perks__list {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.nx-perks__list li {
	display: flex; align-items: center; gap: 12px; padding: 14px;
	border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); background: #fff;
	font-size: 13px; color: var(--nx-muted);
}
.nx-perks__list .nx-icon { color: var(--nx-primary); }
.nx-perks__list strong { display: block; color: var(--nx-ink); font-size: 14px; }
@media (min-width: 1024px) {
	.nx-perks__list { grid-template-columns: repeat(4, 1fr); }
	.nx-perks__list li { padding: 18px 20px; font-size: 14px; }
	.nx-perks__list strong { font-size: 15px; }
}

/* ---------- Secciones ---------- */

.nx-section { padding-block: 28px; }
@media (min-width: 768px) { .nx-section { padding-block: 40px; } }
.nx-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--nx-line); position: relative; }
.nx-section__head::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 2px; background: var(--nx-magenta); }
.nx-section__title { font-size: clamp(22px, 3vw, 28px); margin: 0; letter-spacing: -.01em; }

/* Categorías */
.nx-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 640px) { .nx-cats { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .nx-cats { grid-template-columns: repeat(5, 1fr); gap: 18px; } }
.nx-cat {
	display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%;
	padding: 16px 12px 18px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg);
	background: #fff; color: var(--nx-ink); text-align: center; transition: box-shadow .2s, border-color .2s, transform .2s;
}
.nx-cat:hover { border-color: var(--nx-cyan); box-shadow: var(--nx-shadow-lg); transform: translateY(-2px); color: var(--nx-ink); }
.nx-cat__img { display: block; width: 100%; max-width: 150px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--nx-tint); margin-bottom: 10px; }
.nx-cat__img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.nx-cat__name { font-weight: 700; line-height: 1.25; }
.nx-cat__count { font-size: 13px; color: var(--nx-muted); }

/* Banner de promoción */
.nx-promo {
	display: flex; flex-direction: column; align-items: flex-start; gap: 18px;
	padding: 30px 24px; border-radius: var(--nx-radius-lg); color: #d6dbe6;
	background:
		radial-gradient(circle at 100% 0%, rgb(235 33 205 / .45), transparent 45%),
		radial-gradient(circle at 0% 100%, rgb(20 186 249 / .45), transparent 50%),
		var(--nx-navy);
}
.nx-promo .nx-kicker { color: var(--nx-cyan); }
.nx-promo__title { color: #fff; font-size: clamp(24px, 4vw, 36px); margin-bottom: .3em; }
.nx-promo p:last-child { margin: 0; max-width: 56ch; }
@media (min-width: 768px) {
	.nx-promo { flex-direction: row; align-items: center; justify-content: space-between; padding: 40px 48px; }
}

/* Por qué comprar */
.nx-why .nx-section__title { text-align: center; margin-bottom: 24px; }
.nx-why__list { display: grid; gap: 16px; }
@media (min-width: 768px) { .nx-why__list { grid-template-columns: repeat(3, 1fr); gap: 24px; } }
.nx-why__list li { padding: 26px 24px; border-radius: var(--nx-radius-lg); background: var(--nx-soft); text-align: center; }
.nx-why__list .nx-icon { color: var(--nx-magenta); margin: 0 auto 12px; }
.nx-why__list h3 { font-size: 18px; }
.nx-why__list p { margin: 0; font-size: 15px; }
.nx-disclaimer { margin: 24px auto 0; max-width: 70ch; text-align: center; font-size: 13px; color: var(--nx-muted); }

/* ---------- Grilla y tarjeta de producto ---------- */

ul.products, .nx-grid {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
	margin: 0; padding: 0; list-style: none;
}
@media (min-width: 768px) { ul.products, .nx-grid { gap: 20px; } ul.products.columns-3, ul.products.columns-4 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); } }
ul.products::before, ul.products::after { display: none; }

.nx-card {
	position: relative; display: flex; flex-direction: column; height: 100%;
	border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); background: #fff; overflow: hidden;
	transition: box-shadow .2s, border-color .2s;
}
.nx-card:hover { box-shadow: var(--nx-shadow-lg); border-color: transparent; }
.nx-card__media { position: relative; display: block; aspect-ratio: 1; background: #fff; overflow: hidden; }
.nx-card__media img { width: 100%; height: 100%; object-fit: contain; padding: 8px; transition: transform .35s; }
.nx-card:hover .nx-card__media img { transform: scale(1.04); }
.nx-card__badge {
	position: absolute; top: 10px; left: 10px; z-index: 1; padding: 4px 10px; border-radius: 999px;
	background: var(--nx-sale); color: #fff; font-size: 12px; font-weight: 700;
}
.nx-card__body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 12px 12px 14px; border-top: 1px solid var(--nx-line); }
@media (min-width: 768px) { .nx-card__body { padding: 14px 16px 16px; } }
.nx-card__cat { margin: 0; font-size: 12px; color: var(--nx-muted); text-transform: uppercase; letter-spacing: .05em; }
.nx-card__title { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.35; }
.nx-card__title a { color: var(--nx-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nx-card__title a:hover { color: var(--nx-primary); }
.nx-card__price { margin: auto 0 4px; font-size: 19px; font-weight: 700; color: var(--nx-ink); }
.nx-card .button { width: 100%; min-height: 42px; padding: 8px 12px; font-size: 14px; }
@media (max-width: 420px) { .nx-card .button { font-size: 13px; padding: 8px 6px; } }

.price del, .nx-card__price del { color: var(--nx-muted); font-weight: 400; font-size: .8em; margin-right: 6px; }
.price ins, .nx-card__price ins { text-decoration: none; color: var(--nx-sale); }

/* Estrellas */
.star-rating { position: relative; display: inline-block; width: 5.4em; height: 1.1em; font-size: 14px; line-height: 1; overflow: hidden; font-family: sans-serif; }
.star-rating::before { content: "★★★★★"; color: #d7dce5; position: absolute; inset: 0; letter-spacing: .1em; }
.star-rating span { position: absolute; inset: 0 auto 0 0; overflow: hidden; padding-top: 1.5em; }
.star-rating span::before { content: "★★★★★"; color: #f5a623; position: absolute; top: 0; left: 0; letter-spacing: .1em; }

/* ---------- Migas y páginas ---------- */

.nx-crumbs { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 16px; font-size: 14px; color: var(--nx-muted); }
.nx-crumbs a { color: var(--nx-muted); }
.nx-crumbs a:hover { color: var(--nx-primary); }
.nx-page .nx-crumbs { padding-inline: 0; }
.nx-page { padding-bottom: 56px; }
.nx-page__title { font-size: clamp(26px, 4vw, 36px); letter-spacing: -.01em; margin-bottom: .5em; }
.nx-content { max-width: 820px; }
.nx-content h2 { font-size: 22px; margin-top: 1.6em; }
.nx-content ul { list-style: disc; padding-left: 1.3em; margin-bottom: 1em; }
.nx-content li { margin-bottom: .35em; }
.woocommerce-cart .nx-content, .woocommerce-checkout .nx-content, .woocommerce-account .nx-content { max-width: none; }
.nx-404 { text-align: center; padding-block: 72px; }

/* ---------- Catálogo ---------- */

.nx-shop { padding-bottom: 56px; }
.nx-shop--catalog { display: grid; gap: 24px; align-items: start; }
@media (min-width: 1024px) { .nx-shop--catalog { grid-template-columns: 250px minmax(0, 1fr); gap: 32px; } }
.nx-shop > .nx-crumbs { grid-column: 1 / -1; padding-inline: 0; }
.nx-sidebar { display: grid; gap: 16px; }
@media (min-width: 1024px) { .nx-sidebar { position: sticky; top: 170px; } }
.nx-sidebar__box { border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); padding: 16px 18px; background: #fff; }
.nx-sidebar__box summary { font-weight: 700; color: var(--nx-ink); cursor: pointer; list-style: none; display: flex; justify-content: space-between; }
.nx-sidebar__box summary::-webkit-details-marker { display: none; }
.nx-sidebar__box summary::after { content: "−"; color: var(--nx-muted); }
.nx-sidebar__box:not([open]) summary::after { content: "+"; }
.nx-sidebar__cats { margin-top: 10px; }
.nx-sidebar__cats a { display: flex; justify-content: space-between; gap: 8px; padding: 8px 0; color: var(--nx-text); border-bottom: 1px dashed var(--nx-line); }
.nx-sidebar__cats li:last-child a { border-bottom: 0; }
.nx-sidebar__cats a span { color: var(--nx-muted); font-size: 13px; }
.nx-sidebar__cats a:hover, .nx-sidebar__cats a[aria-current] { color: var(--nx-primary); font-weight: 700; }
.nx-sidebar__help { display: none; background: var(--nx-tint); border-color: transparent; }
.nx-sidebar__help .nx-icon { color: var(--nx-primary); margin-bottom: 8px; }
.nx-sidebar__help p { font-size: 14px; margin-bottom: 8px; }
.nx-sidebar__help strong { display: block; color: var(--nx-ink); }
@media (min-width: 1024px) { .nx-sidebar__help { display: block; } }

.nx-archive-head { margin-bottom: 8px; }
.nx-archive-head__desc { color: var(--nx-muted); max-width: 70ch; }
.nx-archive-head__desc p { margin: 0; }
.nx-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 20px; padding: 10px 14px; background: var(--nx-soft); border-radius: var(--nx-radius); }
.woocommerce-result-count { margin: 0; font-size: 14px; color: var(--nx-muted); }
.woocommerce-ordering { margin: 0; }
.woocommerce-ordering select, select, .select2-container .select2-selection--single {
	min-height: 40px; padding: 6px 34px 6px 12px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius); background: #fff;
}
.nx-empty { padding: 40px 24px; text-align: center; border: 1px dashed var(--nx-line); border-radius: var(--nx-radius-lg); }

.woocommerce-pagination { margin-top: 32px; }
.woocommerce-pagination ul { display: flex; justify-content: center; gap: 6px; }
.woocommerce-pagination a, .woocommerce-pagination span {
	display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px;
	border: 1px solid var(--nx-line); border-radius: var(--nx-radius); color: var(--nx-ink); font-weight: 700;
}
.woocommerce-pagination .current { background: var(--nx-primary); border-color: var(--nx-primary); color: #fff; }

/* ---------- Ficha de producto ---------- */

.single-product div.product { display: grid; gap: 28px; }
@media (min-width: 900px) { .single-product div.product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; } }
.single-product div.product > .woocommerce-tabs,
.single-product div.product > .related,
.single-product div.product > .upsells { grid-column: 1 / -1; }
.woocommerce-product-gallery { position: relative; }
.woocommerce-product-gallery__wrapper { margin: 0; }
.woocommerce-product-gallery__image { border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); overflow: hidden; background: #fff; }
.woocommerce-product-gallery__image img { width: 100%; }
.flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 10px !important; }
.flex-control-thumbs li img { border: 1px solid var(--nx-line); border-radius: var(--nx-radius); cursor: pointer; opacity: .6; transition: opacity .15s, border-color .15s; }
.flex-control-thumbs li img.flex-active, .flex-control-thumbs li img:hover { opacity: 1; border-color: var(--nx-primary); }
.woocommerce-product-gallery__trigger { position: absolute; top: 12px; right: 12px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; background: #fff; box-shadow: var(--nx-shadow); font-size: 0; }
.woocommerce-product-gallery__trigger::before { content: "⤢"; font-size: 18px; color: var(--nx-ink); display: grid; place-items: center; height: 100%; }
.onsale { position: absolute; top: 14px; left: 14px; z-index: 3; padding: 5px 12px; border-radius: 999px; background: var(--nx-sale); color: #fff; font-size: 13px; font-weight: 700; }

.summary .product_title { font-size: clamp(24px, 3.5vw, 34px); letter-spacing: -.01em; }
.summary .price { font-size: 30px; font-weight: 700; color: var(--nx-ink); margin: 6px 0 14px; }
.summary .woocommerce-product-details__short-description { color: var(--nx-text); margin-bottom: 18px; }
.summary form.cart { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0; padding: 18px 0; border-block: 1px solid var(--nx-line); }
.summary .single_add_to_cart_button { flex: 1; min-height: 52px; font-size: 16px; }
.quantity { display: inline-flex; }
.quantity .qty {
	width: 84px; min-height: 52px; padding: 8px; text-align: center;
	border: 1px solid var(--nx-line); border-radius: var(--nx-radius); font-weight: 700;
}
.cart .quantity .qty, .shop_table .qty { min-height: 44px; width: 72px; }
.stock { font-weight: 700; }
.stock.in-stock { color: var(--nx-ok); }
.stock.out-of-stock { color: var(--nx-error); }
.nx-single-perks { display: grid; gap: 10px; padding: 16px; border-radius: var(--nx-radius-lg); background: var(--nx-soft); font-size: 14px; }
.nx-single-perks li { display: flex; gap: 10px; align-items: flex-start; }
.nx-single-perks .nx-icon { color: var(--nx-primary); margin-top: 1px; }
.nx-single-perks strong { color: var(--nx-ink); }
.woocommerce-product-rating { display: flex; align-items: center; gap: 8px; font-size: 14px; }

.woocommerce-tabs { margin-top: 12px; }
.woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 2px solid var(--nx-line); }
.woocommerce-tabs ul.tabs li a { display: block; padding: 12px 18px; color: var(--nx-muted); font-weight: 700; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.woocommerce-tabs ul.tabs li.active a { color: var(--nx-ink); border-bottom-color: var(--nx-magenta); }
.woocommerce-Tabs-panel { padding: 24px 0; max-width: 820px; }
.woocommerce-Tabs-panel h2 { font-size: 20px; }
.woocommerce-Tabs-panel ul { list-style: disc; padding-left: 1.3em; }
.related > h2, .upsells > h2 { font-size: 24px; margin: 24px 0 18px; }
table.woocommerce-product-attributes { width: 100%; border-collapse: collapse; }
.woocommerce-product-attributes th, .woocommerce-product-attributes td { padding: 10px; border-bottom: 1px solid var(--nx-line); text-align: left; }

/* Reseñas */
#reviews .commentlist { display: grid; gap: 16px; margin-bottom: 24px; }
#reviews .comment_container { display: flex; gap: 14px; }
#reviews .avatar { border-radius: 50%; width: 48px; height: 48px; }
#review_form .comment-reply-title { font-size: 18px; font-weight: 700; color: var(--nx-ink); display: block; margin-bottom: 10px; }
.comment-form-rating .stars a { color: #f5a623; font-size: 0; }
.comment-form-rating .stars a::before { content: "★"; font-size: 24px; }

/* ---------- Formularios ---------- */

.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea {
	width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #cfd5de; border-radius: var(--nx-radius); background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
textarea { min-height: 110px; }
.input-text:focus, input:focus, textarea:focus, select:focus { outline: none; border-color: var(--nx-primary); box-shadow: 0 0 0 3px rgb(20 186 249 / .2); }
label { display: block; font-weight: 500; font-size: 14px; color: var(--nx-ink); margin-bottom: 6px; }
.required { color: var(--nx-error); text-decoration: none; border: 0; }
.form-row { margin: 0 0 14px; }
.form-row.woocommerce-invalid input.input-text { border-color: var(--nx-error); }
@media (min-width: 640px) {
	.form-row-first, .form-row-last { width: calc(50% - 8px); float: left; }
	.form-row-last { float: right; }
	.form-row-wide { clear: both; }
}
.woocommerce form .clear, .woocommerce-billing-fields__field-wrapper::after, .woocommerce-shipping-fields__field-wrapper::after { content: ""; display: block; clear: both; }
.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: 46px; display: flex; align-items: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.select2-dropdown { border-color: #cfd5de; }
.woocommerce-input-wrapper { display: block; }
.password-input { position: relative; display: block; }
.show-password-input { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: 0; background: none; cursor: pointer; }
.show-password-input::before { content: "👁"; }

/* ---------- Avisos ---------- */

.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
	margin: 0 0 20px; padding: 14px 18px; border-radius: var(--nx-radius); list-style: none;
	background: var(--nx-tint); border-left: 4px solid var(--nx-primary); color: var(--nx-ink);
}
.woocommerce-message { background: #e9f8f1; border-left-color: var(--nx-ok); }
.woocommerce-error { background: #fdecec; border-left-color: var(--nx-error); flex-direction: column; align-items: flex-start; }
.woocommerce-message .button, .woocommerce-info .button { order: 2; min-height: 38px; padding: 6px 16px; }

/* ---------- Carrito ---------- */

table.shop_table { width: 100%; border-collapse: collapse; border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); overflow: hidden; margin-bottom: 24px; }
.shop_table th, .shop_table td { padding: 14px; border-bottom: 1px solid var(--nx-line); text-align: left; vertical-align: middle; }
.shop_table thead th { background: var(--nx-soft); font-size: 14px; color: var(--nx-ink); }
.shop_table .product-thumbnail img { width: 72px; border-radius: var(--nx-radius); border: 1px solid var(--nx-line); }
.shop_table .product-name a { color: var(--nx-ink); font-weight: 500; }
.shop_table a.remove { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--nx-error) !important; font-size: 20px; }
.shop_table a.remove:hover { background: #fdecec; }
.shop_table .actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.shop_table .actions .coupon .input-text { width: auto; flex: 1; min-width: 160px; }
.shop_table .actions > .button { float: right; }
@media (max-width: 767px) {
	.shop_table_responsive thead { display: none; }
	.shop_table_responsive tr { display: grid; grid-template-columns: 1fr; border-bottom: 1px solid var(--nx-line); }
	.shop_table_responsive td { display: flex; justify-content: space-between; gap: 12px; border: 0; padding: 8px 14px; text-align: right; }
	.shop_table_responsive td::before { content: attr(data-title); font-weight: 700; color: var(--nx-ink); text-align: left; }
	.shop_table_responsive td.product-remove, .shop_table_responsive td.product-thumbnail, .shop_table_responsive td.actions { justify-content: flex-start; }
	.shop_table_responsive td.product-remove::before, .shop_table_responsive td.product-thumbnail::before, .shop_table_responsive td.actions::before { display: none; }
	.shop_table .actions { display: block !important; }
	.shop_table .actions > .button { float: none; width: 100%; }
}
.cart-collaterals { display: grid; }
@media (min-width: 900px) { .cart-collaterals { justify-content: end; } .cart_totals { width: 420px; } }
.cart_totals { padding: 22px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); background: var(--nx-soft); }
.cart_totals h2 { font-size: 20px; }
.cart_totals table.shop_table { background: #fff; }
.cart_totals .order-total .amount { font-size: 22px; color: var(--nx-ink); }
.wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 54px; font-size: 17px; }
.woocommerce-shipping-methods { list-style: none; padding: 0; }
.woocommerce-shipping-methods li { display: flex; gap: 8px; align-items: center; }
.woocommerce-shipping-destination { font-size: 13px; color: var(--nx-muted); }
.cart-empty.woocommerce-info { font-size: 17px; }
.return-to-shop { margin-top: 12px; }

/* ---------- Pago ---------- */

.woocommerce-checkout form.checkout { display: grid; gap: 28px; }
@media (min-width: 1000px) {
	.woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; }
	.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
	#order_review_heading { grid-column: 2; grid-row: 1; margin: 0; }
	#customer_details { grid-column: 1; grid-row: 1 / span 2; }
	#order_review { grid-column: 2; grid-row: 2; position: sticky; top: 170px; }
}
.col2-set .col-1, .col2-set .col-2 { width: 100%; float: none; }
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, #order_review_heading, #ship-to-different-address { font-size: 20px; }
#ship-to-different-address label { display: flex; gap: 8px; align-items: center; font-size: 16px; }
#order_review { padding: 22px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); background: var(--nx-soft); }
#order_review table.shop_table { background: #fff; }
.woocommerce-checkout-payment ul.payment_methods { padding: 0; margin-bottom: 16px; }
.wc_payment_method { padding: 12px 14px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius); background: #fff; margin-bottom: 8px; }
.wc_payment_method > label { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; margin: 0; }
.wc_payment_method > label img { max-height: 28px; width: auto; display: inline-block; }
.payment_box { margin-top: 8px; font-size: 14px; color: var(--nx-muted); }
.payment_box p { margin: 0; }
.woocommerce-terms-and-conditions-wrapper { font-size: 14px; margin-bottom: 14px; }
.woocommerce-form__label-for-checkbox { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; }
#place_order { width: 100%; min-height: 56px; font-size: 17px; }
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { justify-content: flex-start; }
form.checkout_coupon, form.woocommerce-form-login { padding: 18px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); margin-bottom: 20px; }

/* Pedido recibido */
.woocommerce-order-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; padding: 18px; border-radius: var(--nx-radius-lg); background: var(--nx-soft); margin-bottom: 24px; }
.woocommerce-order-overview li { font-size: 13px; color: var(--nx-muted); }
.woocommerce-order-overview strong { display: block; color: var(--nx-ink); font-size: 16px; }
.woocommerce-thankyou-order-received { font-size: 20px; font-weight: 700; color: var(--nx-ok); }

/* ---------- Mi cuenta ---------- */

.woocommerce-account .woocommerce { display: grid; gap: 24px; }
@media (min-width: 900px) { .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: 240px minmax(0, 1fr); } }
.woocommerce-MyAccount-navigation ul { border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); overflow: hidden; }
.woocommerce-MyAccount-navigation a { display: block; padding: 12px 16px; color: var(--nx-text); border-bottom: 1px solid var(--nx-line); }
.woocommerce-MyAccount-navigation li:last-child a { border-bottom: 0; }
.woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover { background: var(--nx-tint); color: var(--nx-primary); font-weight: 700; }
.u-columns.col2-set { display: grid; gap: 24px; }
@media (min-width: 900px) { .u-columns.col2-set { grid-template-columns: 1fr 1fr; } }
.woocommerce-form-login, .woocommerce-form-register { padding: 24px; border: 1px solid var(--nx-line); border-radius: var(--nx-radius-lg); }
.woocommerce-form-login__rememberme { display: flex; gap: 8px; align-items: center; margin: 10px 0; }
.lost_password { font-size: 14px; }
.woocommerce-Addresses { display: grid; gap: 20px; }
@media (min-width: 768px) { .woocommerce-Addresses { grid-template-columns: 1fr 1fr; } }

/* ---------- Pie ---------- */

.nx-footer { margin-top: 32px; background: var(--nx-navy); color: #b9c0cf; font-size: 15px; }
.nx-footer a { color: #d6dbe6; }
.nx-footer a:hover { color: var(--nx-cyan); }
.nx-footer__grid { display: grid; gap: 32px; padding-block: 48px 36px; }
@media (min-width: 640px) { .nx-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .nx-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; } }
.nx-footer__brand img { width: 190px; margin-bottom: 14px; background: #fff; padding: 10px 14px; border-radius: var(--nx-radius); }
.nx-footer__title { font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; }
.nx-footer li { margin-bottom: 9px; }
.nx-footer__contact li { display: flex; gap: 10px; align-items: center; }
.nx-footer__contact .nx-icon { color: var(--nx-cyan); }
.nx-social { display: flex; flex-wrap: wrap; gap: 14px; }
.nx-footer__base { border-top: 1px solid rgb(255 255 255 / .1); font-size: 13px; }
.nx-footer__base-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-block: 16px; }
.nx-footer__badges { display: flex; flex-wrap: wrap; gap: 8px; }
.nx-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid rgb(255 255 255 / .18); border-radius: 999px; color: #d6dbe6; }
.nx-badge .nx-icon { color: var(--nx-cyan); }

/* WhatsApp flotante */
.nx-wa {
	position: fixed; right: 16px; bottom: 16px; z-index: 60;
	display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
	background: #25d366; color: #fff; box-shadow: 0 6px 20px rgb(0 0 0 / .2); transition: transform .15s;
}
.nx-wa:hover { transform: scale(1.06); color: #fff; }

/* Bloqueo mientras WooCommerce actualiza por AJAX */
.blockUI.blockOverlay { background: rgb(255 255 255 / .6) !important; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}