/**
 * Nutt - Sistema de marca visual
 * Frente 2 — mayo 2026
 *
 * Paleta: Blanco / Verde #828234 / Verde transparencia rgba(130,130,52,0.08)
 * Aplicar SOLO en /home-v2/ (staging) hasta OK de Elisa.
 * Para producción: eliminar el selector [data-page-slug="home-v2"] y dejar :root global.
 */

/* ─── Variables de marca ─────────────────────────────────── */
:root {
	--nutt-verde:      #828234;
	--nutt-verde-soft: rgba(130, 130, 52, 0.08);
	--nutt-blanco:     #ffffff;
	--nutt-texto:      #3a3a3a;
	--nutt-texto-suave: #4b4f58;

	/* Override Astra global color 0 (actualmente #959d93 sage/gris) */
	--ast-global-color-0: #828234;
}

/* ─── Botones Elementor — color de marca ─────────────────── */
.elementor-button,
.elementor-button-wrapper .elementor-button,
.ast-button,
.button {
	background-color: var(--nutt-verde) !important;
	border-color:     var(--nutt-verde) !important;
	color:            var(--nutt-blanco) !important;
}

.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
	background-color: #6b6b2a !important;
	border-color:     #6b6b2a !important;
}

/* ─── Links — verde con underline en hover ───────────────── */
a {
	color: var(--nutt-verde);
}

a:hover {
	color:           var(--nutt-verde);
	text-decoration: underline;
}

/* ─── Secciones con fondo verde sólido (clases a aplicar) ── */
.nutt-bg-verde {
	background-color: var(--nutt-verde) !important;
}

.nutt-bg-verde,
.nutt-bg-verde * {
	color: var(--nutt-blanco) !important;
}

/* ─── Secciones con fondo verde transparencia ────────────── */
.nutt-bg-soft {
	background-color: var(--nutt-verde-soft) !important;
}

/* ─── Secciones con fondo blanco (explícito) ─────────────── */
.nutt-bg-blanco {
	background-color: var(--nutt-blanco) !important;
}

/* ─── Trust bar (S2) ─────────────────────────────────────── */
.nutt-trust-bar {
	background-color: var(--nutt-verde);
	padding:          24px 0;
	text-align:       center;
}

.nutt-trust-bar .elementor-widget-text-editor,
.nutt-trust-bar .elementor-heading-title {
	color:       var(--nutt-blanco) !important;
	font-weight: 600;
}

/* ─── Stats (S8) ─────────────────────────────────────────── */
.nutt-stat-number {
	color:       var(--nutt-verde) !important;
	font-size:   2.5rem;
	font-weight: 700;
	line-height: 1;
}

.nutt-stat-label {
	color:     var(--nutt-texto-suave) !important;
	font-size: 0.9rem;
}

/* ─── Frase pilar (S4) ───────────────────────────────────── */
.nutt-frase-pilar {
	background-color: var(--nutt-verde);
	padding:          60px 40px;
	text-align:       center;
}

.nutt-frase-pilar blockquote,
.nutt-frase-pilar .elementor-heading-title {
	color:       var(--nutt-blanco) !important;
	font-size:   1.6rem;
	font-style:  italic;
	font-weight: 300;
}

/* ─── Comunidad (S15) ────────────────────────────────────── */
.nutt-comunidad {
	background-color: var(--nutt-verde);
}

.nutt-comunidad .nutt-stat-number {
	color: var(--nutt-blanco) !important;
}

/* ─── FAQ accordion — acento verde ──────────────────────── */
.elementor-accordion-icon {
	color: var(--nutt-verde) !important;
}

.elementor-tab-title.elementor-active {
	color:        var(--nutt-verde) !important;
	border-color: var(--nutt-verde) !important;
}

/* ─── Eliminar colores no-brand ──────────────────────────── */
/* Azules heredados — resetear a verde nutt */
[style*="color: #00327c"],
[style*="color: #003576"],
[style*="color: #0073aa"] {
	color: var(--nutt-verde) !important;
}

[style*="background-color: #00327c"],
[style*="background-color: #003576"] {
	background-color: var(--nutt-verde) !important;
}