/* =============================================================
   NAWI — Tienda de anteojos
   Estilos globales + Homepage Fase 1 (Bloques 1–6)
   ============================================================= */

:root {
	--nawi-green:    #00AC76;
	--nawi-magenta:  #F722C9;
	--nawi-yellow:   #F7FF00;
	--nawi-text:     #454545;
	--nawi-violet:   #502780;
	--nawi-bordeaux: #B50553;
	--nawi-black:    #000000;
	--nawi-white:    #FFFFFF;
	--nawi-radius:   6px;
}


/* ─────────────────────────────────────────────────────────────
   1. BARRA DE ANUNCIOS
   ───────────────────────────────────────────────────────────── */

.nawi-announcement-bar {
	background: var(--nawi-black);
	color: var(--nawi-white);
	height: 38px;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}

.nawi-annc-ticker {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	animation: nawi-ticker 22s linear infinite;
	will-change: transform;
}

.nawi-annc-ticker span {
	padding: 0 2rem;
	flex-shrink: 0;
}

.nawi-annc-sep {
	padding: 0 0.4rem !important;
	opacity: 0.35;
}

@keyframes nawi-ticker {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}


/* ─────────────────────────────────────────────────────────────
   2. OVERRIDES ASTRA — layout homepage
   ───────────────────────────────────────────────────────────── */

.home .ast-container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.home #content.site-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.nawi-homepage {
	width: 100%;
	overflow-x: hidden;
	background: var(--nawi-white);
}

/* Hover de nav → verde */
.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a {
	color: var(--nawi-green) !important;
}

/* Logo de Nawi */
.nawi-logo {
    max-height: 50px !important;
    width: auto !important;
    display: block;
}


/* ─────────────────────────────────────────────────────────────
   3. CARRUSEL PRINCIPAL
   ───────────────────────────────────────────────────────────── */

.nawi-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0a0a0a;
	user-select: none;
	-webkit-user-select: none;
}

.nawi-hero-track {
	display: flex;
	will-change: transform;
	transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nawi-hero-slide {
	flex: 0 0 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
 aspect-ratio: 16 / 9;
 max-height: 920px;
}

.nawi-hero-media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* picture debe comportarse como bloque para que el img hijo herede dimensiones */
.nawi-hero-slide picture {
	display: block;
	width: 100%;
	height: 100%;
}

.nawi-hero-slide-link {
	display: block;
	width: 100%;
	height: 100%;
}

/* Ancla desde arriba las imágenes de slides 2 y 3 (no el video) */
.nawi-hero-slide picture .nawi-hero-media {
    object-position: center top !important;
}

/* Flechas del carrusel principal — barra inferior (desktop) */
.nawi-hero-arrow {
	z-index: 20;
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.18);
	color: #454545;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
	transition: background 0.2s, transform 0.2s;
}

.nawi-hero-arrow:hover {
	background: rgba(0, 0, 0, 0.06);
	transform: scale(1.07);
}

/* Flechas overlay sobre el slide — solo desktop (min-width:769px) */
.nawi-hero-arrow--overlay {
	display: none;
}

@media (min-width: 769px) {
	.nawi-hero-s1-mobile-img {
		display: none;
	}

	.nawi-hero-nav-bar .nawi-hero-arrow {
		display: none;
	}

	.nawi-hero-arrow--overlay {
		display: flex;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 15;
		background: transparent;
		border: none;
		box-shadow: none;
		color: #fff;
		filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
	}

	.nawi-hero-arrow--overlay:hover {
		background: rgba(255, 255, 255, 0.15);
		transform: translateY(-50%) scale(1.07);
	}

	.nawi-hero-arrow--overlay.nawi-hero-arrow--prev {
		left: 24px;
	}

	.nawi-hero-arrow--overlay.nawi-hero-arrow--next {
		right: 24px;
	}
}

/* Barra de navegación debajo del carrusel: [<] [dots] [>] agrupados y centrados */
.nawi-hero-nav-bar {
	background: var(--nawi-white);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 8px 20px 7px;
}

/* Puntos de navegación con progreso */
.nawi-hero-dots {
	display: flex;
	align-items: center;
	gap: 7px;
}

.nawi-hero-dot {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #ccc;
	border: none;
	padding: 0;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: width 0.3s ease;
	flex-shrink: 0;
}

.nawi-hero-dot.is-active {
	width: 44px;
}

.nawi-hero-dot__fill {
	position: absolute;
	inset: 0;
	width: 0;
	background: var(--nawi-green);
	border-radius: 4px;
}

/* La animación nawi-dot-fill se aplica via JS */
@keyframes nawi-dot-fill {
	from { width: 0%; }
	to   { width: 100%; }
}


/* ─────────────────────────────────────────────────────────────
   3b. SLIDE 3 — HERO PROMO (solo desktop, desde 769px)
   ───────────────────────────────────────────────────────────── */

.nawi-hero-s3m {
	display: none;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0.9rem 1.1rem;
	box-sizing: border-box;
}

.nawi-hero-s3m-title {
	font-family: 'Caprasimo', cursive;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
	color: #1A1A1A;
	text-align: center;
	margin: 0;
}

.nawi-hero-s3m-list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.nawi-hero-s3m-list li {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: 'Caprasimo', cursive;
	font-size: 11px;
	font-weight: 400;
	color: #1A1A1A;
}

.nawi-hero-s3m-check {
	flex-shrink: 0;
}

.nawi-hero-s3m-btn {
	display: inline-block;
	background: #2C2C2A;
	color: var(--nawi-white);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	padding: 8px 22px;
	border-radius: 999px;
}

.nawi-hero-s3 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 24px;
	box-sizing: border-box;
}

/* Referencia: banner full-bleed (~100vw, hasta max-height 920px).
   70% de ese ancho, con piso/techo para no deformarse en extremos. */
.nawi-hero-s3-inner {
	width: 70%;
	max-width: 1200px;
	min-width: 480px;
}

.nawi-hero-s3-cols {
	display: flex;
	align-items: stretch;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}

.nawi-hero-s3-text {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: clamp(18px, 3vw, 42px) clamp(14px, 2.4vw, 34px);
}

.nawi-hero-s3-badge {
	display: inline-block;
	background: var(--nawi-yellow);
	color: #2C2C2A;
	font-size: clamp(10px, 1.2vw, 15px);
	font-weight: 700;
	letter-spacing: 0.01em;
	padding: clamp(5px, 0.7vw, 9px) clamp(12px, 1.8vw, 22px);
	border-radius: 999px;
	transform: rotate(-6deg);
	margin-bottom: clamp(10px, 1.8vw, 22px);
	white-space: nowrap;
}

.nawi-hero-s3-title {
	font-family: 'Caprasimo', cursive;
	font-size: clamp(22px, 3vw, 38px);
	font-weight: 400;
	line-height: 1.25;
	color: #2C2C2A;
	margin: 0 0 clamp(10px, 2.29vw, 28px);
}

.nawi-hero-s3-list {
	list-style: none;
	margin: 0 0 clamp(14px, 2.2vw, 26px);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(6px, 1.26vw, 14px);
}

.nawi-hero-s3-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(6px, 0.9vw, 10px);
	font-family: 'Caprasimo', cursive;
	font-size: clamp(12px, 1.94vw, 22px);
	font-weight: 400;
	color: #2C2C2A;
}

.nawi-hero-s3-check {
	flex-shrink: 0;
	width: clamp(12px, 1.6vw, 18px);
	height: clamp(12px, 1.6vw, 18px);
}

.nawi-hero-s3-btn {
	display: inline-block;
	background: #2C2C2A;
	color: var(--nawi-white);
	font-size: clamp(13px, 1.68vw, 19px);
	font-weight: 600;
	text-decoration: none;
	padding: clamp(9px, 1.2vw, 14px) clamp(20px, 3.3vw, 38px);
	border-radius: 999px;
	transition: opacity 0.2s;
}

.nawi-hero-s3-btn:hover {
	opacity: 0.85;
}

.nawi-hero-s3-photo {
	flex: 1 1 50%;
	overflow: hidden;
}

.nawi-hero-s3-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.nawi-hero-s3-trust {
	background: var(--nawi-white);
	border-radius: 0 0 12px 12px;
	display: flex;
	align-items: stretch;
	padding: clamp(10px, 1.5vw, 18px) clamp(6px, 0.9vw, 12px);
}

.nawi-hero-s3-trust-item {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(6px, 0.9vw, 10px);
	padding: 0 clamp(6px, 0.9vw, 10px);
}

.nawi-hero-s3-trust-item:not(:first-child) {
	border-left: 1px solid #e5e5e5;
}

.nawi-hero-s3-trust-icon {
	color: #179073;
	display: flex;
	flex-shrink: 0;
}

.nawi-hero-s3-trust-icon svg {
	width: clamp(16px, 2.4vw, 26px);
	height: clamp(16px, 2.4vw, 26px);
}

.nawi-hero-s3-trust-label {
	font-size: clamp(11px, 1.59vw, 17px);
	font-weight: 500;
	color: #454545;
}


/* ─────────────────────────────────────────────────────────────
   4. FRANJA DE CONFIANZA — oculta, pendiente reubicar
   ───────────────────────────────────────────────────────────── */

.nawi-trust {
	display: none; /* pendiente reubicar en otra sección */
	background: var(--nawi-white);
	border-bottom: 1px solid #ebebeb;
	padding: 18px 24px;
}

.nawi-trust-inner {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 16px;
}

.nawi-trust-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.nawi-trust-icon {
	color: var(--nawi-green);
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.nawi-trust-label {
	font-size: 0.82rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: var(--nawi-text);
	white-space: nowrap;
}


/* ─────────────────────────────────────────────────────────────
   5. BARRA DEL REGALO (marquee verde)
   ───────────────────────────────────────────────────────────── */

.nawi-gift-bar {
	background: var(--nawi-green);
	overflow: hidden;
	padding: 9px 0;
}

.nawi-gift-marquee {
	overflow: hidden;
	white-space: nowrap;
}

.nawi-gift-track {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	animation: nawi-marquee 30s linear infinite;
	will-change: transform;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--nawi-white);
}

.nawi-gift-track span {
	padding: 0 2.5rem;
	flex-shrink: 0;
}

.nawi-gift-sep {
	padding: 0 0.5rem !important;
	opacity: 0.65;
}

@keyframes nawi-marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}


/* ─────────────────────────────────────────────────────────────
   6. SECCIONES DE PRODUCTOS (Bloques 5 y 6)
   ───────────────────────────────────────────────────────────── */

.nawi-products {
	padding: 31px 0 36px;
	background: var(--nawi-white);
}

.nawi-products + .nawi-products {
	background: var(--nawi-white);
}

.nawi-products-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	max-width: 1300px;
	margin: 0 auto 24px;
	padding: 0 48px;
}

.nawi-products-title {
	font-size: clamp(1.4rem, 2.8vw, 2rem);
	font-weight: 700;
	color: var(--nawi-black);
	margin: 0;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.nawi-ver-todos {
	font-size: clamp(1.4rem, 2.8vw, 2rem);
	color: var(--nawi-green);
	text-decoration: none !important;
	font-weight: 700;
	letter-spacing: 0.04em;
	white-space: nowrap;
	transition: opacity 0.2s;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.nawi-ver-todos:hover {
	opacity: 0.7;
	color: var(--nawi-green);
}

/* Wrapper con flechas + track */
.nawi-products-wrapper {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Grid de productos */
.nawi-products-track {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	min-width: 0;
}

/* Ocultar tarjetas 5-8 por defecto (página 1) */
.nawi-product-card:nth-child(n+5) {
	display: none;
}

/* Página 2: mostrar 5-8, ocultar 1-4 */
.nawi-products-track.nawi-page-2 .nawi-product-card:nth-child(n+5) {
	display: block;
}

.nawi-products-track.nawi-page-2 .nawi-product-card:nth-child(-n+4) {
	display: none;
}

/* Tarjeta de producto */
.nawi-product-card {
	text-decoration: none !important;
	color: var(--nawi-text);
	display: block;
	transition: transform 0.2s ease;
}

.nawi-product-card:hover {
	transform: translateY(-4px);
	color: var(--nawi-text);
	text-decoration: none;
}

.nawi-product-thumb {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f0f0f0;
	border-radius: var(--nawi-radius);
	margin-bottom: 10px;
}

.nawi-product-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.nawi-product-card:hover .nawi-product-thumb img {
	transform: scale(1.05);
}

.nawi-product-no-img {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #e8e8e8, #d4d4d4);
}

.nawi-product-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 0 2px;
}

.nawi-product-name {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--nawi-black);
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.nawi-product-price,
.nawi-product-price .woocommerce-Price-amount,
.nawi-product-price bdi {
	font-size: 0.82rem;
	color: var(--nawi-text);
	font-weight: 500;
}

.nawi-product-price del {
	opacity: 0.45;
	margin-right: 4px;
	font-size: 0.76rem;
}

.nawi-product-price ins {
	text-decoration: none;
}

.nawi-no-products {
	color: var(--nawi-text);
	font-size: 0.9rem;
	padding: 24px 0;
	margin: 0;
	grid-column: 1 / -1;
}

/* Flechas de los carruseles de productos */
.nawi-prod-arrow {
	background: var(--nawi-white);
	border: 1.5px solid #ddd;
	color: #999;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	padding: 0;
	transition: border-color 0.2s, color 0.2s;
}

.nawi-prod-arrow:hover:not([disabled]) {
	border-color: var(--nawi-green);
	color: var(--nawi-green);
}

.nawi-prod-arrow[disabled] {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}


/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
	.nawi-products-header {
		padding: 0 32px;
	}

	.nawi-products-wrapper {
		padding: 0 8px;
	}
}

@media (max-width: 768px) {
	/* Ratio 4:3 en mobile — muestra más de la imagen sin cortes */
	.nawi-hero-track {
		height: auto;
		min-height: unset;
	}

	.nawi-hero-slide {
		aspect-ratio: 4 / 3;
	}

	.nawi-hero-media {
		object-position: center top;
	}

	video.nawi-hero-media {
		display: none;
	}

	.nawi-hero-s1-mobile-img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.nawi-hero-s3 {
		display: none;
	}

	.nawi-hero-s3m {
		display: flex;
		justify-content: space-evenly;
		padding: 0.6rem 1.1rem;
	}

	.nawi-hero-s3m-title {
		font-size: 20px;
		font-weight: 400;
	}

	.nawi-hero-s3m-list {
		gap: 8px;
	}

	.nawi-hero-s3m-list li {
		font-size: 17.6px;
		font-weight: 400;
	}

	.nawi-hero-s3m-check {
		width: 18px;
		height: 18px;
	}

	.nawi-hero-arrow {
		width: 40px;
		height: 40px;
	}

	.nawi-products-track {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.nawi-products-header {
		padding: 0 20px;
	}

	.nawi-products-wrapper {
		padding: 0 6px;
		gap: 6px;
	}
}

@media (max-width: 480px) {

	.nawi-trust-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		max-width: 260px;
		margin: 0 auto;
	}

	.nawi-trust-item {
		justify-content: flex-start;
	}

	.nawi-products {
		padding: 22px 0 27px;
	}

	.nawi-products-title {
		font-size: 1.2rem;
	}

	.nawi-ver-todos {
		font-size: 1.2rem;
	}

	.nawi-products-header {
		padding: 0 16px;
		margin-bottom: 16px;
	}

	.nawi-prod-arrow {
		width: 28px;
		height: 28px;
	}

	.nawi-hero-arrow {
		width: 34px;
		height: 34px;
	}
}


/* ─────────────────────────────────────────────────────────────
   BLOQUE 7 — Tercera barra marquee "Por qué elegir Nawi"
   ───────────────────────────────────────────────────────────── */

.nawi-why-bar {
	background: var(--nawi-white);
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 20px 0;
	overflow: hidden;
}

.nawi-why-marquee {
	overflow: hidden;
	white-space: nowrap;
}

.nawi-why-track {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	animation: nawi-why-marquee 38s linear infinite;
	will-change: transform;
}

/* Pausa al hover en desktop para facilitar el clic */
@media (hover: hover) {
	.nawi-why-bar:hover .nawi-why-track {
		animation-play-state: paused;
	}
}

.nawi-why-item {
	display: inline-block;
	padding: 0 2.8rem;
	flex-shrink: 0;
	font-size: clamp(1.2rem, 2.4vw, 1.9rem);
	font-weight: 700;
	color: var(--nawi-magenta) !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
	letter-spacing: -0.01em;
	white-space: nowrap;
	transition: opacity 0.15s;
}

.nawi-why-item:hover {
	opacity: 0.75;
	color: var(--nawi-magenta) !important;
}

.nawi-why-sep {
	flex-shrink: 0;
	color: var(--nawi-magenta);
	opacity: 0.35;
	font-size: 0.85rem;
	padding: 0 0.4rem;
}

@keyframes nawi-why-marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}


/* ─────────────────────────────────────────────────────────────
   9. BLOQUE 9 — "Qué busca NAWI" (historia y propuesta de marca)
      Fondo: #502780 (violeta) | Texto: #22FF14 (verde flúo)
      Tipografía: heredada del tema (igual que Bloque 1)
   ───────────────────────────────────────────────────────────── */

.nawi-brand {
	background: linear-gradient(to bottom, #9b6bbf, #502780);
	width: 100%;
	padding: 32px 10px;
}

.nawi-brand-inner {
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
}

.nawi-brand-title {
	font-size: clamp(1.9rem, 4.5vw, 3.2rem);
	font-weight: 800;
	color: #22FF14;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0 0 44px;
	text-transform: uppercase;
}

.nawi-brand-content p {
	font-size: clamp(1.2rem, 2.16vw, 1.416rem);
	line-height: 1.8;
	color: #22FF14;
	margin: 0 0 1.5em;
}

.nawi-brand-content p:last-child {
	margin-bottom: 0;
}

.nawi-brand-content strong {
	font-weight: 700;
	color: #22FF14;
}

@media (min-width: 769px) {
	.nawi-brand {
		background-image: url('../../../assets-marca/quebusca/confeti_quebusca.jpg');
		background-size: cover;
		background-position: center;
	}

	.nawi-brand-inner {
		width: 65%;
		max-width: 720px;
	}

	.nawi-brand-card {
		background: rgba(255, 255, 255, 0.91);
		border-radius: 16px;
		padding: clamp(28px, 3vw, 44px) clamp(24px, 3vw, 48px);
		text-align: center;
	}

	.nawi-brand-title {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(22px, 3vw, 34px);
		font-weight: 400;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.25;
		color: #1a1a1a;
		margin-bottom: 16px;
	}

	.nawi-brand-content p {
		font-size: clamp(14px, 1.5vw, 17px);
		line-height: 1.75;
		color: #333333;
		margin-bottom: 14px;
	}

	.nawi-brand-content p em {
		font-style: italic;
		color: #1a1a1a;
	}

	.nawi-brand-content strong {
		color: #1a1a1a;
		font-weight: 600;
	}
}

@media (max-width: 768px) {
	.nawi-brand {
		padding: 24px 13px;
		background-image: url('../../../assets-marca/quebusca/confeti_quebusca.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.nawi-brand-inner {
		width: 100%;
		max-width: 100%;
	}

	.nawi-brand-card {
		background: rgba(255, 255, 255, 0.91);
		border-radius: 16px;
		padding: clamp(24px, 4vw, 36px);
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}

	.nawi-brand-title {
		margin-bottom: 32px;
		font-family: 'Caprasimo', cursive;
		font-size: clamp(20px, 5vw, 26px);
		font-weight: 400;
		text-transform: none;
		letter-spacing: normal;
		color: #1a1a1a;
	}

	.nawi-brand-content p {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(18px, 4.6vw, 23px);
		color: #333333;
		line-height: 1.75;
	}

	.nawi-brand-content p em {
		font-style: italic;
		color: #1a1a1a;
	}
}

@media (max-width: 480px) {
	.nawi-brand {
		padding: 20px 8px;
	}

	.nawi-brand-inner {
		max-width: 100%;
	}

	.nawi-brand-title {
		margin-bottom: 24px;
	}
}


/* ─────────────────────────────────────────────────────────────
   PÁGINA COMPARATIVA — /por-que-elegir-nawi/
   ───────────────────────────────────────────────────────────── */

.nawi-page-comparison .ast-container,
.nawi-page-comparison #content.site-content {
	padding-top: 0 !important;
}

.nawi-comparison-wrap {
	max-width: 860px;
	margin: 0 auto;
	padding: 56px 24px 72px;
}

.nawi-comparison-title {
	font-size: clamp(1.8rem, 4vw, 2.8rem);
	font-weight: 800;
	color: var(--nawi-black);
	text-align: center;
	letter-spacing: -0.02em;
	margin: 0 0 40px;
	line-height: 1.15;
}

/* Contenedor con scroll horizontal en mobile */
.nawi-ctable-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 12px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
}

.nawi-ctable {
	width: 100%;
	border-collapse: collapse;
	min-width: 460px;
}

/* ── Encabezados ── */
.nawi-ctable-th {
	padding: 18px 20px;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
}

.nawi-ctable-th--beneficios {
	text-align: left;
	width: 50%;
	background: var(--nawi-black);
	color: var(--nawi-white);
	border-radius: 12px 0 0 0;
}

.nawi-ctable-th--nawi {
	width: 25%;
	background: var(--nawi-green);
	color: var(--nawi-white);
}

.nawi-ctable-th--otros {
	width: 25%;
	background: var(--nawi-text);
	color: var(--nawi-white);
	border-radius: 0 12px 0 0;
}

/* ── Filas de datos ── */
.nawi-ctable-td {
	padding: 22px 20px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.nawi-ctable-td--beneficio {
	text-align: left;
	font-size: 1rem;
	font-weight: 700;
	color: var(--nawi-white);
}

.nawi-ctable-td--nawi,
.nawi-ctable-td--otros {
	background: #fff;
}

/* Última fila: bordes redondeados inferiores */
.nawi-ctable tbody tr:last-child .nawi-ctable-td--beneficio {
	border-radius: 0 0 0 12px;
}

.nawi-ctable tbody tr:last-child .nawi-ctable-td--otros {
	border-radius: 0 0 12px 0;
}

.nawi-ctable tbody tr:last-child .nawi-ctable-td {
	border-bottom: none;
}

/* ── Colores por fila — columna Beneficios ── */
.nawi-ctable-row--green   .nawi-ctable-td--beneficio { background: var(--nawi-green); }
.nawi-ctable-row--magenta .nawi-ctable-td--beneficio { background: var(--nawi-magenta); }
.nawi-ctable-row--yellow  .nawi-ctable-td--beneficio {
	background: var(--nawi-yellow);
	color: var(--nawi-black); /* amarillo → texto oscuro */
}

/* ── Íconos check / cross ── */
.nawi-ctable-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.nawi-ctable-icon svg {
	display: block;
}

/* Link "volver" */
.nawi-comparison-back {
	margin-top: 36px;
	text-align: center;
}

.nawi-comparison-back a {
	font-size: 0.88rem;
	color: var(--nawi-text);
	text-decoration: underline;
	transition: color 0.2s;
}

.nawi-comparison-back a:hover {
	color: var(--nawi-green);
}

/* ── Responsive ── */
@media (max-width: 600px) {
	.nawi-comparison-wrap {
		padding: 36px 16px 56px;
	}

	.nawi-comparison-title {
		margin-bottom: 28px;
	}

	.nawi-ctable {
		min-width: 0;
	}

	.nawi-ctable-th--beneficios { width: 42%; }
	.nawi-ctable-th--nawi       { width: 29%; }
	.nawi-ctable-th--otros      { width: 29%; }

	.nawi-ctable-th,
	.nawi-ctable-td {
		padding: 16px 8px;
	}

	.nawi-ctable-td--beneficio {
		font-size: 0.88rem;
	}

	.nawi-ctable-icon svg {
		width: 30px;
		height: 30px;
	}
}

/* Layout dos columnas — página Por qué elegir Nawi */
.nawi-page-comparison .nawi-comparison-wrap {
	max-width: 1100px;
}

.nawi-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: start;
}

@media (max-width: 768px) {
	.nawi-two-col {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}


/* ─────────────────────────────────────────────────────────────
   BLOQUE 8 — Bloque del regalo
   Layout: título (fila 1) / 3 columnas: foto1 | foto2 | texto (fila 2)
            subtítulo solo bajo las dos fotos (fila 3, col 1-2)
───────────────────────────────────────────────────────────── */

.nawi-regalo {
	background: linear-gradient(to bottom, #f27aaa, #B50553);
	width: 100%;
}

/* Fila 1 — título */
.nawi-regalo-titulo {
	font-size: clamp(1.8rem, 4vw, 3rem);
	font-weight: 900;
	color: #F7FF00;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	text-align: center;
	margin: 0;
	padding: 48px 24px 32px;
}

/* Filas 2+3 — grid 3 columnas, 2 filas */
.nawi-regalo-body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 10px;
}

/* Foto 1 — col 1, fila 1 */
.nawi-regalo-foto--1 {
	grid-column: 1;
	grid-row: 1;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

/* Foto 2 — col 2, fila 1 */
.nawi-regalo-foto--2 {
	grid-column: 2;
	grid-row: 1;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.nawi-regalo-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Texto — col 3, filas 1+2 (ocupa toda la altura de las dos filas) */
.nawi-regalo-cuerpo-wrap {
	grid-column: 3;
	grid-row: 1 / 3;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 24px 36px;
}

.nawi-regalo-cuerpo {
	font-size: clamp(1.14rem, 1.8vw, 1.26rem);
	font-weight: bold;
	line-height: 1.8;
	color: #F7FF00;
	margin: 0;
	text-align: center;
}

/* Subtítulo — col 1-2, fila 2 (solo bajo las fotos) */
.nawi-regalo-subtitulo {
	grid-column: 1 / 3;
	grid-row: 2;
	font-size: clamp(1.08rem, 1.92vw, 1.26rem);
	font-weight: bold;
	line-height: 1.65;
	color: #F7FF00;
	text-align: center;
	margin: 0;
	padding: 16px 16px 32px;
	align-self: start;
}

@media (min-width: 769px) {
	.nawi-regalo {
		background-image: url('../../../assets-marca/regalo/confeti_regalo.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding-top: clamp(32px, 4vw, 56px);
		padding-bottom: clamp(32px, 4vw, 56px);
		padding-left: 0;
		padding-right: 0;
	}

	.nawi-regalo-body {
		grid-template-rows: auto;
	}

	.nawi-regalo-foto--1 {
		grid-column: 1;
		grid-row: 1;
		background: white;
		border-radius: 50%;
		overflow: hidden;
		aspect-ratio: 1 / 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nawi-regalo-foto--2 {
		grid-column: 3;
		grid-row: 1;
		background: white;
		border-radius: 50%;
		overflow: hidden;
		aspect-ratio: 1 / 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nawi-regalo-foto img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.nawi-regalo-cuerpo-wrap {
		grid-column: 2;
		grid-row: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		background: rgba(255, 255, 255, 0.91);
		border-radius: 16px;
		padding-top: clamp(20px, 2.5vw, 36px);
		padding-bottom: clamp(20px, 2.5vw, 36px);
		padding-left: clamp(18px, 2vw, 32px);
		padding-right: clamp(18px, 2vw, 32px);
	}

	.nawi-regalo-titulo {
		display: none;
	}

	.nawi-regalo-cuerpo {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(14px, 1.5vw, 18px);
		color: #1a1a1a;
		font-weight: 400;
		line-height: 1.75;
		margin-bottom: 12px;
	}

	.nawi-regalo-subtitulo {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(14px, 1.5vw, 18px);
		color: #1a1a1a;
		font-weight: 400;
		line-height: 1.75;
		margin-top: 8px;
	}

	.nawi-regalo-emoji {
		font-size: clamp(28px, 3vw, 40px);
		margin-top: 20px;
		margin-bottom: 0;
		text-align: center;
	}
}

@media (max-width: 700px) {
	.nawi-regalo {
		background-image: url('../../../assets-marca/regalo/confeti_regalo.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.nawi-regalo-titulo {
		display: none;
	}

	.nawi-regalo-body {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 0;
	}

	.nawi-regalo-foto--1 {
		display: none;
	}

	.nawi-regalo-foto--2 {
		grid-column: 1;
		grid-row: 2;
		width: 60%;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		background: white;
		aspect-ratio: 1 / 1;
	}

	.nawi-regalo-foto--2 img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.nawi-regalo-cuerpo-wrap {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		flex-direction: column;
		width: 100%;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.91);
		border-radius: 16px;
		padding-top: clamp(16px, 4vw, 28px);
		padding-right: clamp(16px, 4vw, 28px);
		padding-bottom: 8px;
		padding-left: clamp(16px, 4vw, 28px);
		text-align: center;
		margin: 0;
	}

	.nawi-regalo-cuerpo {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(18px, 4.6vw, 23px);
		color: #1a1a1a;
		font-weight: 400;
		line-height: 1.75;
	}

	.nawi-regalo-subtitulo {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(18px, 4.6vw, 23px);
		color: #1a1a1a;
		font-weight: 400;
		line-height: 1.7;
		margin-top: 8px;
	}

	.nawi-regalo-emoji {
		font-size: 28px;
		margin-top: 16px;
		margin-bottom: 0;
		display: none;
	}
}


/* ─────────────────────────────────────────────────────────────
   BLOQUE 10 — Carrusel de ambiente (doble fila marquee)
───────────────────────────────────────────────────────────── */

@keyframes nawi-amb-ltr {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@keyframes nawi-amb-rtl {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}

.nawi-amb {
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.nawi-amb-row {
	overflow: hidden;
}

.nawi-amb-row--cd {
	background: #F7FF00;
}

.nawi-amb-row--ci {
	background: #22FF14;
}

.nawi-amb-track {
	display: flex;
	width: max-content;
	gap: 10px;
	padding: 5px 0;
}

/* CD: derecha → izquierda */
.nawi-amb-track--ltr {
	animation: nawi-amb-ltr 22s linear infinite;
}

/* CI: izquierda → derecha */
.nawi-amb-track--rtl {
	animation: nawi-amb-rtl 22s linear infinite;
}

.nawi-amb-item {
	flex-shrink: 0;
	width: 320px;
	height: 320px;
	overflow: hidden;
}

.nawi-amb-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

@media (max-width: 600px) {
	.nawi-amb-item {
		width: 220px;
		height: 220px;
	}
}


/* ─────────────────────────────────────────────────────────────
   BLOQUE 11 — Asesoría personalizada
───────────────────────────────────────────────────────────── */

.nawi-asesoria {
	background: #fff;
	width: 100%;
	padding: 72px 24px;
}

.nawi-asesoria-inner {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
}

.nawi-asesoria-foto {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 16px;
}

.nawi-asesoria-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.nawi-asesoria-titulo {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 800;
	color: #00AC76;
	line-height: 1.2;
	margin: 0 0 20px;
}

.nawi-asesoria-intro {
	font-size: clamp(0.95rem, 1.5vw, 1.05rem);
	line-height: 1.75;
	color: #00AC76;
	margin: 0 0 28px;
}

.nawi-asesoria-checks {
	list-style: none;
	padding: 0;
	margin: 0 0 36px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.nawi-asesoria-checks li {
	font-size: clamp(0.95rem, 1.5vw, 1.05rem);
	color: #00AC76;
	line-height: 1.5;
	padding-left: 28px;
	position: relative;
}

.nawi-asesoria-checks li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #00AC76;
	font-weight: 700;
}

.nawi-asesoria-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #00AC76;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	padding: 14px 28px;
	border-radius: 50px;
	text-decoration: none;
	transition: opacity 0.2s;
}

.nawi-asesoria-btn:hover {
	opacity: 0.88;
	color: #fff;
}

@media (min-width: 769px) {
	.nawi-asesoria-titulo {
		font-family: 'Caprasimo', cursive;
		font-weight: 400;
	}

	.nawi-asesoria-intro {
		font-family: 'Caprasimo', cursive;
	}

	.nawi-asesoria-checks li {
		font-family: 'Caprasimo', cursive;
	}

	.nawi-asesoria-btn {
		font-family: 'Caprasimo', cursive;
	}

	.nawi-asesoria-texto {
		grid-column: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.nawi-asesoria-foto {
		grid-column: 1;
	}

	.nawi-asesoria-checks {
		text-align: left;
		width: fit-content;
		margin: 0 auto;
		margin-bottom: 48px;
	}

	.nawi-asesoria-checks li:first-child {
		display: none;
	}
}

@media (max-width: 768px) {
	.nawi-asesoria {
		padding-top: 24px;
		padding-right: 20px;
		padding-bottom: 48px;
		padding-left: 20px;
	}

	.nawi-asesoria-inner {
		display: flex;
		flex-direction: column;
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.nawi-asesoria-foto {
		order: 2;
		max-width: 420px;
		margin: 0 auto;
		width: 100%;
	}

	.nawi-asesoria-texto {
		display: contents;
	}

	.nawi-asesoria-titulo {
		order: 1;
		font-family: 'Caprasimo', cursive;
		font-size: clamp(18px, 5vw, 22px);
		white-space: nowrap;
		margin-bottom: 0;
	}

	.nawi-asesoria-intro {
		display: none;
	}

	.nawi-asesoria-checks {
		order: 3;
		margin-bottom: 8px;
	}

	.nawi-asesoria-checks li {
		font-family: 'Caprasimo', cursive;
		font-size: clamp(18px, 4.6vw, 23px);
		color: #00AC76;
	}

	.nawi-asesoria-btn {
		order: 4;
		font-family: 'Caprasimo', cursive;
		font-size: clamp(13px, 3.5vw, 16px);
		display: flex;
		align-items: center;
		gap: 10px;
		width: fit-content;
		margin: 0 auto;
	}
}


/* ─────────────────────────────────────────────────────────────
   BLOQUE 12 — Reseñas de clientes (carrusel)
───────────────────────────────────────────────────────────── */

.nawi-reviews {
	background: #fff;
	width: 100%;
	padding: 72px 24px;
}

.nawi-reviews-mobile-wrap {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nawi-reviews-viewport {
	flex: 1;
	overflow: hidden;
	min-width: 0;
}

.nawi-reviews-grid {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nawi-rev-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border: 1.5px solid #ddd;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	padding: 0;
	color: #999;
	transition: border-color 0.2s, color 0.2s;
}

.nawi-rev-btn:hover:not([disabled]) {
	border-color: var(--nawi-green);
	color: var(--nawi-green);
}

.nawi-rev-btn[disabled] {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

.nawi-rev-card {
	flex: 0 0 calc(25% - 12px); /* 4 cards + 3 gaps de 16px = 100% */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	border: 1px solid #eee;
	border-radius: 12px;
	background: #fff;
}

.nawi-rev-card-stars {
	display: flex;
	gap: 3px;
}

.nawi-rev-card-text {
	font-size: 0.95rem;
	line-height: 1.65;
	color: #000;
	margin: 0;
	flex: 1;
}

.nawi-rev-card-author {
	font-size: 0.85rem;
	font-weight: 700;
	color: #444;
	margin: 0;
}

@media (min-width: 769px) {
	.nawi-rev-card-text {
		max-height: 150px;
		overflow: hidden;
	}
}

@media (max-width: 768px) {
	.nawi-reviews {
		padding: 48px 0;
	}

	.nawi-rev-card {
		flex: 0 0 calc(50% - 8px); /* 2 cards + 1 gap de 16px = 100% */
		padding: 16px 12px;
		border-radius: 8px;
	}

	.nawi-rev-card-text {
		max-height: 130px;
		overflow: hidden;
	}
}


/* ─────────────────────────────────────────────────────────────
   SOCIAL PROOF POPUP
───────────────────────────────────────────────────────────── */

#nawi-social-proof {
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index: 9997;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06);
	max-width: 320px;
	width: calc(100vw - 48px);
	padding: 14px 36px 14px 14px;
	display: none;
	align-items: center;
	gap: 12px;
}

#nawi-social-proof.nawi-sp-visible {
	display: flex;
	animation: nawi-sp-in 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

#nawi-social-proof.nawi-sp-hiding {
	animation: nawi-sp-out 0.3s ease forwards;
}

@keyframes nawi-sp-in {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes nawi-sp-out {
	from { opacity: 1; transform: translateY(0); }
	to   { opacity: 0; transform: translateY(12px); }
}

.nawi-sp-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 22px;
	height: 22px;
	border: none;
	background: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #bbb;
}

.nawi-sp-close:hover { color: #000; }

.nawi-sp-img {
	width: 56px;
	height: 56px;
	border-radius: 6px;
	object-fit: cover;
	flex-shrink: 0;
	display: none;
}

.nawi-sp-img.nawi-sp-img--show { display: block; }

.nawi-sp-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.nawi-sp-header {
	display: flex;
	align-items: center;
	gap: 8px;
}

.nawi-sp-name {
	font-weight: 700;
	font-size: 0.88rem;
	color: #000;
	white-space: nowrap;
}

.nawi-sp-stars {
	display: flex;
	gap: 2px;
	flex-shrink: 0;
}

.nawi-sp-text {
	font-size: 0.82rem;
	color: #333;
	margin: 0;
	line-height: 1.45;
}


/* ─────────────────────────────────────────────────────────────
   BLOQUE 13 — Footer
───────────────────────────────────────────────────────────── */

/* Ocultar el footer nativo de Astra */
.site-footer {
	display: none !important;
}

.nawi-footer {
	background: #000;
	color: #fff;
	width: 100%;
}

.nawi-footer-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 64px 24px 48px;
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	gap: 48px;
}

.nawi-footer-col--brand {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.nawi-footer-logo {
	display: block;
	width: 120px;
	height: auto;
}

.nawi-footer-copy {
	font-size: 0.8rem;
	line-height: 1.6;
	color: #aaa;
	margin: 0;
}

.nawi-footer-heading {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #fff;
	margin: 0 0 16px;
}

.nawi-footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.nawi-footer-links a {
	color: #fff;
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.2s;
}

.nawi-footer-links a:hover {
	color: #00AC76;
}

.nawi-footer-socials {
	display: flex;
	gap: 16px;
	margin-top: 24px;
}

.nawi-footer-social {
	color: #fff;
	transition: color 0.2s;
	display: flex;
	align-items: center;
}

.nawi-footer-social:hover {
	color: #00AC76;
}

.nawi-footer-bottom {
	border-top: 1px solid #1a1a1a;
	text-align: center;
	padding: 20px 24px;
}

.nawi-footer-bottom p {
	font-size: 0.78rem;
	color: #454545;
	margin: 0;
}

@media (max-width: 768px) {
	.nawi-footer-inner {
		grid-template-columns: 1fr;
		gap: 36px;
		padding: 48px 20px 36px;
	}
}


/* ── HEADER — DESKTOP: menú izquierda, íconos derecha ───── */

/* Col izquierda = logo (auto), col derecha = nav (1fr, llena el espacio) */
#ast-desktop-header .ast-builder-grid-row {
	grid-template-columns: auto 1fr !important;
	grid-column-gap: 24px !important;
}

/* Items del menú alineados a la izquierda dentro del nav */
.main-header-menu {
	justify-content: flex-start !important;
}

/* Negrita y tamaño aumentado 30% en los items del menú desktop */
#ast-desktop-header .main-header-menu > .menu-item > a {
	font-weight: 700 !important;
	font-size: 19.5px !important;
}

/* La lupa empuja ella misma y el carrito al extremo derecho */
.nawi-menu-search {
	margin-left: auto;
	display: flex !important;
	align-items: center;
	list-style: none;
}

.nawi-search-toggle {
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 4px 8px;
	color: inherit;
	line-height: 1;
}
.nawi-search-toggle:hover {
	color: var(--nawi-green);
}

.nawi-menu-cart {
	display: flex !important;
	align-items: center;
}

.nawi-cart-link {
	position: relative;
	display: flex !important;
	align-items: center;
	padding: 4px 6px !important;
	text-decoration: none;
	line-height: 1;
}
.nawi-cart-link:hover {
	color: var(--nawi-green);
}

.nawi-cart-svg {
	display: block;
	color: inherit;
}

.nawi-cart-count {
	position: absolute;
	top: -4px;
	right: -4px;
	background: #F722C9;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	min-width: 16px;
	height: 16px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
	line-height: 1;
	pointer-events: none;
}

.nawi-cart-count:empty {
	display: none;
}

/* ── HEADER — MOBILE: [🛒🔍] [LOGO] [≡] ─────────────────── */

/* Íconos en la columna izquierda del header mobile */
.nawi-mobile-icons {
	display: flex;
	align-items: center;
	gap: 2px;
}

.nawi-mobile-icon {
	position: relative;
	display: flex;
	align-items: center;
	padding: 6px;
	color: inherit;
	background: none;
	border: none;
	cursor: pointer;
	text-decoration: none;
	line-height: 1;
}
.nawi-mobile-icon:hover {
	color: var(--nawi-green);
}

/* Logo en el header mobile: tamaño igual al desktop actual */
#ast-mobile-header .nawi-logo {
	max-height: 150px;
}

/* ── OVERLAY DE BÚSQUEDA ─────────────────────────────────── */

.nawi-search-overlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.55);
	align-items: flex-start;
}

.nawi-search-overlay.nawi-search-open {
	display: flex;
}

.nawi-search-inner {
	width: 100%;
	background: #fff;
	padding: 18px 24px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

.nawi-search-inner form {
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 720px;
	margin: 0 auto;
}

.nawi-search-input {
	flex: 1;
	border: none;
	border-bottom: 2px solid var(--nawi-green);
	padding: 10px 4px;
	font-size: 16px;
	outline: none;
	background: transparent;
	color: #454545;
	font-family: inherit;
}

.nawi-search-input::placeholder {
	color: #aaa;
}

.nawi-search-submit,
.nawi-search-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	display: flex;
	align-items: center;
	color: #454545;
	transition: color 0.2s;
	flex-shrink: 0;
}

.nawi-search-submit:hover,
.nawi-search-close:hover {
	color: var(--nawi-green);
}


/* ============================================================
   SHOP CATEGORY FILTERS
   ============================================================ */

.nawi-shop-wrap {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	width: 100%;
}

/* Mobile toggle — hidden on desktop */
.nawi-filter-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	background: #fff;
	border: 2px solid #1a1a1a;
	border-radius: 6px;
	padding: 9px 18px;
	font-size: 0.95rem;
	font-weight: 700;
	cursor: pointer;
	color: #1a1a1a;
}

/* Sidebar */
.nawi-shop-sidebar {
	width: 240px;
	flex-shrink: 0;
	position: sticky;
	top: 90px;
	align-self: flex-start;
}

.nawi-sidebar-header {
	display: none;
}

/* Products column */
.nawi-shop-main {
	flex: 1;
	min-width: 0;
}

/* Accordion group */
.nawi-filter-group {
	border-bottom: 1px solid #e0e0e0;
}

.nawi-filter-group__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 0;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	cursor: pointer;
	list-style: none;
	color: #1a1a1a;
	user-select: none;
}

.nawi-filter-group__title::-webkit-details-marker { display: none; }

.nawi-filter-group__title::after {
	content: '+';
	font-size: 1.1rem;
	font-weight: 400;
	flex-shrink: 0;
}

details[open].nawi-filter-group .nawi-filter-group__title::after {
	content: '\2212';
}

.nawi-filter-group__body {
	padding-bottom: 12px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* Color swatches */
.nawi-filter-swatch {
	display: flex;
	align-items: center;
	gap: 9px;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 0.87rem;
	padding: 3px 0;
}

.nawi-filter-swatch:hover { color: #000; }

.nawi-swatch-color {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	flex-shrink: 0;
	outline: 2px solid transparent;
	outline-offset: 2px;
	transition: outline-color 0.15s;
}

.nawi-filter-swatch.is-active .nawi-swatch-color {
	outline-color: #1a1a1a;
}

.nawi-swatch-count {
	margin-left: auto;
	font-size: 0.78rem;
	color: #999;
}

/* Checkboxes */
.nawi-filter-check {
	display: flex;
	align-items: center;
	gap: 9px;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 0.87rem;
	padding: 3px 0;
}

.nawi-filter-check:hover { color: #000; }

.nawi-check-box {
	width: 16px;
	height: 16px;
	border: 1.5px solid #aaa;
	border-radius: 3px;
	flex-shrink: 0;
	position: relative;
	transition: background 0.15s, border-color 0.15s;
}

.nawi-filter-check.is-active .nawi-check-box {
	background: #1a1a1a;
	border-color: #1a1a1a;
}

.nawi-filter-check.is-active .nawi-check-box::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 5px;
	height: 9px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
}

.nawi-check-count {
	margin-left: auto;
	font-size: 0.78rem;
	color: #999;
}

/* Price filter */
.nawi-filter-price form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.nawi-price-inputs {
	display: flex;
	align-items: flex-end;
	gap: 8px;
}

.nawi-price-inputs label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	flex: 1;
}

.nawi-price-inputs input[type="number"] {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 8px;
	font-size: 0.87rem;
	width: 100%;
	box-sizing: border-box;
}

.nawi-price-sep {
	padding-bottom: 8px;
	color: #aaa;
}

.nawi-price-submit {
	background: #1a1a1a;
	color: #fff;
	border: none;
	padding: 8px 14px;
	border-radius: 4px;
	font-size: 0.87rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s;
	align-self: flex-start;
}

.nawi-price-submit:hover { background: #444; }

/* Clear all link */
.nawi-filter-clear {
	display: block;
	margin-top: 18px;
	font-size: 0.82rem;
	color: #999;
	text-decoration: underline;
	text-align: center;
}

.nawi-filter-clear:hover { color: #1a1a1a; }

/* ── Mobile ≤768px ─────────────────────────────────────────── */
@media (max-width: 768px) {
	.nawi-shop-wrap {
		flex-direction: column;
		gap: 14px;
	}

	.nawi-filter-toggle {
		display: flex;
	}

	.nawi-shop-sidebar {
		display: none;
		width: 100%;
		position: static;
		background: #fafafa;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		padding: 16px;
		box-sizing: border-box;
	}

	.nawi-shop-sidebar.is-open {
		display: block;
	}

	.nawi-sidebar-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e0e0e0;
	}

	.nawi-sidebar-header span {
		font-weight: 700;
		font-size: 1rem;
	}

	.nawi-filter-close {
		background: none;
		border: none;
		cursor: pointer;
		font-size: 1rem;
		padding: 4px 6px;
		color: #444;
	}

	.nawi-shop-main {
		width: 100%;
	}
}

/* ── Desktop: ajustes de páginas de categoría ───────────── */
@media (min-width: 769px) {
	/* 1. Ocultar breadcrumb + eliminar su espacio residual */
	.tax-product_cat .woocommerce-breadcrumb {
		display: none;
		margin: 0;
	}

	/* Eliminar padding/margin superior del contenedor para que el título quede pegado al header */
	.tax-product_cat .ast-woocommerce-container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
	}

	.tax-product_cat .woocommerce-products-header {
		padding: 8px 0 !important;
	}
	.tax-product_cat #primary,
	.tax-product_cat .site-main {
		padding-top: 0;
	}

	/* 3. Eliminar línea divisoria debajo del header */
	.main-header-bar { border-bottom: none; }

	/* 4. Eliminar min-height del header en páginas de categoría */
	.tax-product_cat .site-header-primary-section {
		min-height: unset;
	}

	/* ── Cambios de layout: título arriba del flex, toolbar alineada ── */

	/* Convertir nawi-shop-wrap a grid de 3 columnas:
	   col 1 = sidebar (240px) | col 2 = contenido (1fr) | col 3 = ordering (auto) */
	.tax-product_cat .nawi-shop-wrap {
		display: grid;
		grid-template-columns: 240px 1fr auto;
		column-gap: 32px;
		align-items: start;
		margin-top: 0;
	}

	/* Los hijos de nawi-shop-main participan directamente en el grid */
	.tax-product_cat .nawi-shop-main {
		display: contents;
	}

	/* Título: fila 1, todas las columnas (encima del flex) */
	.tax-product_cat .woocommerce-products-header {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	/* Sidebar: col 1, desde fila 2 hacia abajo */
	.tax-product_cat .nawi-shop-sidebar {
		grid-column: 1;
		grid-row: 2 / span 100;
		position: static;
		top: unset;
		align-self: start;
	}

	/* "Mostrando X de Y resultados": col 2, fila 2 */
	.tax-product_cat p.woocommerce-result-count {
		grid-column: 2;
		grid-row: 2;
		align-self: center;
		margin: 0;
	}

	/* Selector de orden: col 3, fila 2 */
	.tax-product_cat form.woocommerce-ordering {
		grid-column: 3;
		grid-row: 2;
		align-self: center;
		margin: 0;
	}

	/* Grilla de productos y paginación: cols 2-3, fila 3+ */
	.tax-product_cat ul.products,
	.tax-product_cat .woocommerce-pagination,
	.tax-product_cat .woocommerce-notices-wrapper {
		grid-column: 2 / -1;
	}
}

/* ── Botones de producto en grilla de categorías ─────────────── */

.woocommerce ul.products {
	align-items: stretch !important;
}

/* Cambio 1: color negro con texto blanco */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
	background-color: #333333 !important;
	color: #FFFFFF !important;
}

/* Cambio 2: botones alineados al mismo nivel vertical entre cards */
.woocommerce ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
}

.woocommerce ul.products li.product .astra-shop-summary-wrap {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
}

.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .astra-shop-summary-wrap .button {
	margin-top: auto !important;
}

/* Miniaturas verticales a la izquierda (solo desktop) */
@media (min-width: 769px) {
	.woocommerce-product-gallery {
		display: flex !important;
		flex-direction: row !important;
		gap: 12px !important;
	}

	.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
		display: flex !important;
		flex-direction: column !important;
		order: -1 !important;
		width: 80px !important;
		flex-shrink: 0 !important;
		gap: 8px !important;
		margin: 0 !important;
	}

	.woocommerce-product-gallery .flex-control-thumbs li {
		width: 100% !important;
		margin: 0 !important;
	}

	.woocommerce-product-gallery .woocommerce-product-gallery__image {
		flex: 1 !important;
	}

	.single-product .woocommerce-product-gallery {
		position: sticky;
		top: 20px;
		align-self: flex-start;
	}
}

/* Badge Oferta en página de producto */
.single-product .woocommerce-product-gallery {
	position: relative;
}

.single-product .woocommerce-product-gallery span.ast-on-card-button.ast-on-sale-card {
	position: absolute !important;
	top: 10px !important;
	left: 90px !important;
	z-index: 10 !important;
	margin: 0 !important;
}

@media (max-width: 768px) {
	.single-product .woocommerce-product-gallery span.ast-on-card-button.ast-on-sale-card {
		left: 10px !important;
	}
}

@media (max-width: 768px) {
	.entry-summary {
		display: flex;
		flex-direction: column;
	}

	.entry-summary .nawi-trust-bar {
		display: none;
	}

	.nawi-medidas,
	.nawi-medidas h4,
	.nawi-medidas ul li {
		text-align: center;
	}

	/* Orden visual garantizado para todas las landings de producto */
	.entry-summary .nawi-trust-bar { order: 1; }
	.entry-summary .single-product-category { order: 2; }
	.entry-summary .product_title { order: 3; }
	.entry-summary .price { order: 4; }
	.entry-summary .mp-credits-tooltip-container,
	.entry-summary #mp-credits-modal { order: 5; }
	.entry-summary .nawi-cristales-wrap { order: 6; }
	.entry-summary form.cart,
	.entry-summary form.variations_form.cart { order: 7; }
	.entry-summary .nawi-payment-icons { order: 8; }
	.entry-summary .product_meta { order: 9; }
	.entry-summary .nawi-medidas { order: 10; }
	.entry-summary .nawi-compra-facil { order: 11; }
	.entry-summary .nawi-bases { order: 12; }
	.entry-summary .nawi-product-description { order: 13; }
	.entry-summary .nawi-valoraciones { order: 14; }
}

@media (min-width: 769px) {
	.nawi-trust-bar-mobile {
		display: none;
	}

	/* Orden visual garantizado en desktop — igual que mobile */
	.entry-summary {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.entry-summary .nawi-trust-bar { order: 1; }
	.entry-summary .single-product-category { order: 2; }
	.entry-summary .product_title { order: 3; }
	.entry-summary .price { order: 4; }
	.entry-summary .mp-credits-tooltip-container,
	.entry-summary #mp-credits-modal { order: 5; }
	.entry-summary .nawi-cristales-wrap { order: 6; }
	.entry-summary form.cart,
	.entry-summary form.variations_form.cart { order: 7; }
	.entry-summary .nawi-payment-icons { order: 8; }
	.entry-summary .product_meta { order: 9; }
	.entry-summary .nawi-medidas { order: 10; }
	.entry-summary .nawi-compra-facil { order: 11; }
	.entry-summary .nawi-bases { order: 12; }
	.entry-summary .nawi-product-description { order: 13; }
	.entry-summary .nawi-valoraciones { order: 14; }
}

/* Ocultar elementos en página de producto individual */
.single-product nav.woocommerce-breadcrumb,
.single-product span.single-product-category,
.single-product p.ast-stock-detail,
.single-product .product_meta {
	display: none !important;
}

/* Botón Agregar al carrito — página de producto */
.single-product .cart button.single_add_to_cart_button {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	border-color: #000000 !important;
}

.single-product .cart button.single_add_to_cart_button:hover {
	background-color: #333333 !important;
	color: #FFFFFF !important;
}

@media (max-width: 768px) {
	.single-product .cart button.single_add_to_cart_button {
		margin-top: 24px;
		margin-bottom: 16px;
		width: 100%;
		display: block;
	}
}

/* Productos con variantes (color) — layout en mobile: color arriba (100%),
   "Limpiar" oculto, disponibilidad de stock en su línea, y abajo cantidad
   (angosta) + botón agregar al carrito (resto del ancho) en una fila. */
@media (max-width: 768px) {
	.product-type-variable .variations_form.cart {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		text-align: left !important;
	}

	.product-type-variable .variations {
		width: 100%;
		margin-bottom: 8px;
	}

	.product-type-variable .variations select {
		display: block;
		width: 100%;
	}

	.product-type-variable .reset_variations,
	.product-type-variable .reset_variations_alert {
		display: none !important;
	}

	.product-type-variable .single_variation_wrap {
		width: 100%;
	}

	.product-type-variable .woocommerce-variation-availability {
		margin-bottom: 8px;
	}

	.product-type-variable .woocommerce-variation-add-to-cart {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		gap: 10px;
		width: 100%;
		margin-top: 24px;
	}

	.product-type-variable .quantity {
		float: none !important;
		flex: 0 0 30%;
		max-width: 100px;
		margin: 0 !important;
	}

	.product-type-variable .quantity input.qty {
		width: 100%;
		height: 100%;
	}

	.product-type-variable .single_add_to_cart_button {
		float: none !important;
		display: block !important;
		flex: 1 1 auto;
		width: auto !important;
		margin: 0 !important;
	}
}

/* Productos con variantes — desktop */
@media (min-width: 769px) {

	/* Ocultar Limpiar */
	.product-type-variable .reset_variations {
		display: none !important;
	}

	/* El form como columna flex, anulando el clearfix de Astra */
	.product-type-variable .variations_form.cart {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	/* Tabla de color: ocupa todo el ancho */
	.product-type-variable .variations_form.cart .variations {
		width: 100%;
		margin-bottom: 12px;
	}

	.product-type-variable .variations_form.cart .variations select {
		width: 100%;
	}

	/* single_variation_wrap: también ocupa todo el ancho */
	.product-type-variable .single_variation_wrap {
		width: 100%;
	}

	/* Fila de cantidad + botón: centrada horizontalmente */
	.product-type-variable .woocommerce-variation-add-to-cart {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 12px !important;
		margin-top: 16px;
		float: none !important;
	}

	.product-type-variable .woocommerce-variation-add-to-cart .quantity {
		flex: 0 0 auto;
		float: none !important;
		margin: 0 !important;
	}

	.product-type-variable .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		flex: 0 0 auto;
		float: none !important;
		width: auto !important;
		margin: 0 !important;
	}
}

/* Ocultar pestañas al pie de la página de producto */
.single-product .woocommerce-tabs {
	display: none !important;
}

/* Medidas del producto */
.nawi-medidas {
	margin: 16px 0;
	font-size: 14px;
	text-align: left;
}

.nawi-medidas h4 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
	letter-spacing: 1px;
}

.nawi-medidas ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nawi-medidas ul li {
	padding: 4px 0;
}

/* Lentes de Ver — ocultar cantidad y centrar botón carrito */
.tax-ver-acetato .quantity,
.tax-ver-tr90 .quantity {
	display: none !important;
}

.tax-ver-acetato .single_add_to_cart_button,
.tax-ver-tr90 .single_add_to_cart_button {
	display: block;
	margin: 16px auto 0 auto !important;
	width: fit-content;
}

.single-product .tax-ver-acetato .quantity,
.single-product .tax-ver-tr90 .quantity {
	display: none !important;
}

.tax-ver-acetato form.cart,
.tax-ver-tr90 form.cart {
	text-align: center !important;
	display: flex !important;
	justify-content: center !important;
}

/* Checkbox cristales — Lentes de Ver */
.nawi-cristales-wrap {
	text-align: center;
	margin: 16px 0;
}

.nawi-cristales-label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.nawi-cristales-pill {
	background-color: #E5E5E5;
	color: #000000;
	border: 1px solid #000000;
	padding: 10px 16px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.nawi-cristales-pill input[type="checkbox"] {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	accent-color: #FFFFFF;
	cursor: pointer;
}

.nawi-cristales-sub {
	color: #B8860B;
	font-weight: 700;
	font-size: 13px;
	margin-top: 8px;
}

/* Bloque Compra fácil — productos Ver */
.nawi-compra-facil {
	border: 2px solid #000000;
	border-radius: 12px;
	padding: 20px;
	margin: 24px 0;
	font-size: 13px;
	line-height: 1.6;
}

.nawi-compra-facil h4 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 12px;
}

.nawi-pasos {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: nawi-paso;
}

.nawi-pasos li {
	counter-increment: nawi-paso;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 6px 0;
}

.nawi-pasos li::before {
	content: counter(nawi-paso);
	background-color: #000000;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 2px;
}

.nawi-btn-wa {
	display: block;
	margin: 10px auto 0;
	padding: 10px 28px;
	background-color: #000000;
	color: #FFFFFF !important;
	border-radius: 50px;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none !important;
	width: fit-content;
	white-space: nowrap;
}

.nawi-compra-dudas {
	margin-top: 14px;
	font-size: 12px;
	color: #454545;
}

.nawi-compra-dudas a {
	color: inherit;
	text-decoration: underline;
}

.nawi-bases {
	margin-top: 12px;
	text-align: center;
}

/* Valoraciones en columna derecha */
.nawi-valoraciones {
	text-align: center;
	margin-top: 24px;
}

.nawi-valoraciones .comment-form,
.nawi-valoraciones .commentlist {
	text-align: left;
	max-width: 480px;
	margin: 0 auto;
}

/* Íconos de medios de pago */
.nawi-payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
}
.nawi-payment-icons svg {
    height: 28px;
    width: auto;
}
@media (max-width: 767px) {
    .nawi-payment-icons svg {
        height: 24px;
    }
}
.nawi-mp-logo {
    height: 28px;
    width: auto;
    display: block;
}
@media (max-width: 767px) {
    .nawi-mp-logo {
        height: 24px;
    }
}

/* Barra de confianza */
.nawi-trust-bar {
    background-color: #affebf;
    padding: 6px 10px;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    color: #333;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
    line-height: 1.4;
}
.nawi-trust-sep {
    opacity: 0.5;
}

/* Estrellitas amarillas */
.woocommerce-product-rating .star-rating span::before,
.woocommerce-product-rating .star-rating::before {
    color: #f5a623;
}

/* Características TR90 */
.nawi-tr90-features {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: left;
}
.nawi-tr90-features li {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;
}

/* Características Ver-Acetato */
.nawi-ver-acetato-features {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: left;
}
.nawi-ver-acetato-features li {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;
}

/* Características Sol-Acetato */
.nawi-sol-acetato-features {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: left;
}
.nawi-sol-acetato-features li {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;
}

/* Características Ver-TR90 */
.nawi-ver-tr90-features {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: left;
}
.nawi-ver-tr90-features li {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;
}

/* Características Sol-Metal */
.nawi-sol-metal-features {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: left;
}
.nawi-sol-metal-features li {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;
}

/* Ocultar botón "Ver carrito" en la notificación de WooCommerce */
.woocommerce-message a.wc-forward {
    display: none !important;
}

/* Botón Proceder al pago */
.woocommerce .cart .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.woocommerce .cart .checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #333333 !important;
    color: #FFFFFF !important;
}

/* Botón Pasar al pago — WooCommerce Blocks */
.wc-block-cart__submit-button,
a.wc-block-components-button.wc-block-cart__submit-button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.wc-block-cart__submit-button:hover,
a.wc-block-components-button.wc-block-cart__submit-button:hover {
    background-color: #333333 !important;
    color: #FFFFFF !important;
}

/* Paginación — número activo negro en vez de azul */
.page-numbers.current {
    background: #000000 !important;
    color: #FFFFFF !important;
}

/* Ocultar texto "opcional" del teléfono en checkout */
#billing_phone_field .optional {
    display: none;
}


/* ─────────────────────────────────────────────────────────────
   CART DRAWER
───────────────────────────────────────────────────────────── */

#nawi-cart-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.45);
}

body.nawi-cart-open {
    overflow: hidden;
}

.nawi-cart-open #nawi-cart-overlay {
    display: block;
}

#nawi-cart-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 420px;
    max-width: 100vw;
    height: 100%;
    background: #ffffff;
    z-index: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.nawi-cart-open #nawi-cart-drawer {
    transform: translateX(0);
    z-index: 99999;
    pointer-events: auto;
}

.nawi-cart-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e8e8e8;
    flex-shrink: 0;
}

.nawi-cart-drawer-title {
    font-size: 1rem;
    font-weight: 700;
    color: #000000;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.nawi-cart-drawer-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    color: #000000;
    transition: opacity 0.2s;
    line-height: 1;
}

.nawi-cart-drawer-close:hover {
    opacity: 0.6;
}

.nawi-cart-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
}

.nawi-cart-drawer-footer {
    border-top: 1px solid #e8e8e8;
    padding: 20px 24px;
    flex-shrink: 0;
}

.nawi-cart-drawer-subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #000000;
}

.nawi-cart-drawer-btn {
    display: block;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: center;
    padding: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    letter-spacing: 0.04em;
}

.nawi-cart-drawer-btn:hover {
    background: #333333;
    color: #ffffff;
}

@media (max-width: 480px) {
    #nawi-cart-drawer {
        width: 100vw;
    }
}

/* Items del carrito */
.nawi-cart-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.nawi-cart-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.nawi-cart-item-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
    background: #f0f0f0;
    display: block;
}

.nawi-cart-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nawi-cart-item-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.nawi-cart-item-name {
    font-size: 0.88rem;
    font-weight: 600;
    color: #000000;
    text-decoration: none;
    line-height: 1.35;
}

.nawi-cart-item-name:hover {
    color: #000000;
    text-decoration: underline;
}

.nawi-cart-item-price {
    font-size: 0.82rem;
    font-weight: 600;
    color: #000000;
}

.nawi-cart-item-controls {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.nawi-cart-item-qty {
    font-size: 0.82rem;
    color: #000000;
    min-width: 20px;
    text-align: center;
    line-height: 1;
}

.nawi-qty-btn,
.nawi-cart-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    font-size: 0.7rem;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    flex-shrink: 0;
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
}

.nawi-qty-btn:hover,
.nawi-cart-remove:hover {
    background: #333333;
    color: #ffffff;
}

.nawi-cart-remove {
    margin-left: 4px;
    width: auto;
    padding: 0 6px;
    font-size: 0.65rem;
    letter-spacing: 0.03em;
}

.nawi-cart-remove svg {
    display: none;
}

.nawi-cart-remove::after {
    content: 'Borrar';
}

.nawi-cart-empty {
    font-size: 0.9rem;
    color: #888;
    margin: 0;
    text-align: center;
    padding: 40px 0;
}

/* ═══════════════════════════════════════════════════════
   CLUB NAWI — Pill flotante + popup de suscripción (home)
   ═══════════════════════════════════════════════════════ */

.nawi-club-pill {
    display: none !important;
    position: fixed !important;
    right: 16px !important;
    left: auto !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 999998 !important;
    align-items: stretch;
    background: #e5e5e5 !important;
    color: #000000 !important;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
}

.nawi-club-pill--visible {
    display: flex !important;
}

.nawi-club-pill-open {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none !important;
    border: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #000000 !important;
    white-space: nowrap;
}

.nawi-club-pill-star {
    color: #f5c518 !important;
    font-size: 1rem;
    line-height: 1;
}

.nawi-club-pill-close {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.06) !important;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
    color: #000000 !important;
    padding: 0 12px;
}

.nawi-club-pill-close:hover {
    background: rgba(0, 0, 0, 0.12) !important;
}

.nawi-club-popup {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin: 0 !important;
    transform: none !important;
}

.nawi-club-popup--open {
    display: flex !important;
}

.nawi-club-popup-panel {
    position: relative;
    width: 100%;
    max-width: 420px;
    background: #ffffff !important;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.nawi-club-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    background: rgba(255, 255, 255, 0.85) !important;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: #000000 !important;
    opacity: 1;
    font-size: 22px;
    line-height: 1;
    font-family: Arial, sans-serif;
    font-weight: 400;
}

.nawi-club-popup-close:hover {
    background: #ffffff !important;
}

.nawi-club-popup-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.nawi-club-popup-body {
    padding: 24px;
    text-align: center;
}

.nawi-club-popup-title {
    margin: 0 0 8px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000000;
}

.nawi-club-popup-subtitle {
    margin: 0 0 20px;
    font-size: 0.9rem;
    color: #454545;
}

.nawi-club-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nawi-club-form input[type="text"],
.nawi-club-form input[type="email"] {
    width: 100%;
    padding: 12px 14px;
    font-size: 0.9rem;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background: #ffffff;
    color: #000000;
    box-sizing: border-box;
}

.nawi-club-form-submit {
    margin-top: 4px;
    width: 100%;
    padding: 13px;
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.nawi-club-form-submit:hover {
    background: #222222 !important;
}

.nawi-club-form-submit:disabled {
    opacity: 0.6;
    cursor: default;
}

.nawi-club-form-msg {
    display: none;
    margin: 0;
    font-size: 0.8rem;
    color: #c0392b;
    text-align: left;
}

.nawi-club-form-msg--visible {
    display: block;
}

.nawi-club-form-thanks {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #000000;
    text-align: center;
    padding: 12px 0 4px;
}

/* Refuerzo por ID: mayor especificidad que cualquier regla de color o
   posición generada por el CSS responsive del tema (Astra), que en
   mobile puede pisar nuestras reglas por clase aunque tengan !important. */
#nawiClubPill {
    position: fixed !important;
    display: none;
    right: 16px !important;
    left: auto !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 999998 !important;
}

#nawiClubPill.nawi-club-pill--visible {
    display: flex !important;
}

#nawiClubPopup {
    position: fixed !important;
    display: none;
    inset: 0 !important;
    z-index: 999999 !important;
}

#nawiClubPopup.nawi-club-popup--open {
    display: flex !important;
}

#nawiClubForm .nawi-club-form-submit {
    background: #000000 !important;
    color: #ffffff !important;
}

@media (min-width: 768px) {
    .nawi-club-popup-panel {
        max-width: 480px;
    }

    .nawi-club-popup-img {
        height: 260px;
    }
}

/* Checkout (desktop) — leyenda de seguridad antes del bloque de pago */
.nawi-checkout-seguridad {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0e0e0;
}

.nawi-checkout-pago-titulo {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.nawi-checkout-seguridad-texto {
  font-size: 0.9rem;
  color: #555;
  margin: 0;
}

/* Ocultar texto nativo de privacidad de WooCommerce en checkout desktop */
.woocommerce-privacy-policy-text {
    display: none !important;
}

.nawi-checkout-privacidad-custom {
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 16px;
}

.nawi-checkout-privacidad-custom a {
    color: #555;
    text-decoration: underline;
}

/* Bloque medidas — desplegable */
.nawi-medidas-toggle {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  margin-bottom: 12px;
  color: inherit;
}

.nawi-medidas-icono {
  font-size: 1.2rem;
  transition: transform 0.2s ease;
}

.nawi-medidas-toggle[aria-expanded="true"] .nawi-medidas-icono {
  transform: rotate(45deg);
}

.nawi-medidas-contenido[hidden] {
  display: none;
}

/* Desktop: dos columnas */
@media (min-width: 769px) {
  .nawi-medidas-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }
  .nawi-medidas-inner ul {
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .nawi-medidas-img {
    width: 220px;
    flex-shrink: 0;
    border-radius: 4px;
  }
}

/* Mobile: apilado */
@media (max-width: 768px) {
  .nawi-medidas-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .nawi-medidas-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .nawi-medidas-img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
  }
}