/* =====================================================================
   FASTCOM · Hoja de marca (Guía de Estilos oficial)
   Paleta VERDE + tipografía Nunito + aspecto claro.
   Se carga DESPUÉS de theme.min.css para ganar especificidad.
     Primario  #1FA340   Hover      #0B4D20
     Lima      #8BD64B   Tinta      #17201A
     Texto     #475569   Fondo      #F8FAFC
   ===================================================================== */
:root{
  --fc-primary:#1FA340;
  --fc-hover:#0B4D20;
  --fc-lima:#8BD64B;
  --fc-tinta:#17201A;
  --fc-text:#475569;
  --fc-bg:#F8FAFC;
  --fc-surface:#ffffff;
}

/* ---------------------------------------------------------------
   TIPOGRAFÍA — Nunito
   --------------------------------------------------------------- */
body,
.box-container,
p, a, span, li, div, input, select, textarea, button,
.btn, .menu-item, .section-subheading, .subtitle, .text-muted, .seccolor{
  font-family:'Nunito', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.heading, .section-heading, .title, .subheading, .fromer, .price{
  font-family:'Nunito', sans-serif !important;
  color:var(--fc-tinta);
}
h1, .heading, .section-heading{ font-weight:800 !important; }
h2, h3, .title{ font-weight:700 !important; }
p, .section-subheading, .subtitle, .text-muted{ font-weight:400; color:var(--fc-text); }

/* Colores de texto scheme-aware en modo claro */
[data-background="light"] .mergecolor{ color:var(--fc-tinta) !important; }
[data-background="light"] .seccolor,
[data-background="light"] .text-muted{ color:var(--fc-text) !important; }

/* ---------------------------------------------------------------
   FONDOS (aspecto claro)
   --------------------------------------------------------------- */
body{ background-color:var(--fc-bg); }
[data-background="light"] .box-container,
[data-background="light"] .bg-colorstyle{ background-color:var(--fc-bg) !important; }
[data-background="light"] .bg-seccolorstyle{ background-color:var(--fc-surface) !important; }

/* ---------------------------------------------------------------
   ACENTOS (verde primario)
   --------------------------------------------------------------- */
.c-pink,
[data-color="pink"] .c-pink,
.golink,
[data-color="pink"] .golink{ color:var(--fc-primary) !important; }
.golink:hover{ color:var(--fc-hover) !important; }

#svg-ico,
svg #svg-ico,
[data-color="pink"] #svg-ico,
[data-color="pink"] svg #svg-ico{ fill:var(--fc-primary) !important; }
#svg-concept,
[data-color="pink"] svg #svg-concept{ stroke:var(--fc-primary) !important; }

/* ---------------------------------------------------------------
   BOTONES
   Primario (CTA principal) — antes amarillo
   --------------------------------------------------------------- */
.btn-default-yellow-fill{
  background-color:var(--fc-primary) !important;
  color:#fff !important;
  border:none;
  font-weight:700;
}
.btn-default-yellow-fill:hover{
  background-color:var(--fc-hover) !important;
  color:#fff !important;
  transform:translateY(-2px);
}
/* Secundario — borde tinta, fondo blanco */
.btn-default-grad-purple-fill{
  background:#fff !important;
  color:var(--fc-tinta) !important;
  border:2px solid var(--fc-tinta) !important;
  font-weight:700;
}
.btn-default-grad-purple-fill:hover{
  background:var(--fc-bg) !important;
  color:var(--fc-tinta) !important;
}
/* Llamativo (lima) */
.btn-default-pink-fill,
[data-color="pink"] .btn-default-pink-fill{
  background:var(--fc-lima) !important;
  color:var(--fc-tinta) !important;
  border:none;
  font-weight:700;
}
.btn-default-pink-fill:hover{ filter:brightness(.95); }

/* ---------------------------------------------------------------
   FONDOS DE ACENTO / BARRAS / BADGES / GRADIENTES
   --------------------------------------------------------------- */
.bg-pink,
[data-color="pink"] .bg-pink{ background-color:var(--fc-primary) !important; }

/* Barras de specs de los planes -> verde oscuro (texto blanco) */
.bg-purple,
[data-color="pink"] .bg-purple,
.pricing .list-info,
[data-color="pink"] .pricing .list-info{ background-color:var(--fc-hover) !important; }

/* Secciones CTA con degradado -> degradado verde */
.total-grad-pink-blue-intense,
.total-grad-pink-blue{
  background:var(--fc-primary) !important;
  background-image:linear-gradient(120deg, var(--fc-primary) 0%, var(--fc-hover) 100%) !important;
  color:#fff !important;
}

/* Badges */
.badge.bg-purple{ background-color:var(--fc-lima) !important; color:var(--fc-tinta) !important; }
.badge.bg-pink{ background-color:var(--fc-primary) !important; color:#fff !important; }

/* Subrayado de acento (títulos de sección estilo guía) */
.section-heading{ position:relative; }

/* Divisiones/curvas del tema, botón ir-arriba */
svg.division-ontop path{ fill:var(--fc-primary) !important; }
.cd-top{ background-color:var(--fc-primary) !important; }

/* Hover de enlaces del menú */
.main-menu .menu-item > a:hover,
.dropdown-item.menu-item:hover,
.sub-menu a.mergecolor:hover{ color:var(--fc-primary) !important; }

/* ---------------------------------------------------------------
   NAVBAR: barra superior OSCURA, sticky BLANCA (solo escritorio)
   Da contraste para el logo/menú claros arriba y limpios al bajar.
   --------------------------------------------------------------- */
[data-background="light"] .box-container .menu-wrap:not(.mobile){
  background-color:var(--fc-tinta) !important;   /* barra superior oscura */
}
[data-background="light"] .box-container .menu-wrap:not(.mobile).fixed{
  background:#ffffff !important;                 /* sticky: blanca */
  box-shadow:0 2px 12px rgba(23,32,26,.08);
}
/* Enlaces del menú: blancos arriba, tinta al hacer sticky */
.menu-wrap:not(.mobile):not(.fixed) .nav-menu .main-menu > .menu-item > a{ color:#fff !important; }
.menu-wrap:not(.mobile).fixed .nav-menu .main-menu > .menu-item > a{ color:var(--fc-tinta) !important; }

/* ---------------------------------------------------------------
   LOGO (un único SVG). "fast" = currentColor -> cambia según estado.
   --------------------------------------------------------------- */
.fc-logo{ display:inline-flex; align-items:center; line-height:1; text-decoration:none; color:#fff; }
.fc-logo .fc-logo-svg{ height:48px; width:auto; display:block; }
@media (max-width:767px){ .fc-logo .fc-logo-svg{ height:40px; } }

/* Barra superior escritorio (oscura) -> "fast" blanco */
.menu-wrap:not(.mobile):not(.fixed) .fc-logo{ color:#fff !important; }
/* Sticky escritorio (barra blanca) -> "fast" tinta */
.menu-wrap:not(.mobile).fixed .fc-logo{ color:var(--fc-tinta) !important; }
/* Menú móvil (barra blanca) -> "fast" tinta */
.menu-wrap.mobile .fc-logo{ color:var(--fc-tinta) !important; }
/* Footer (oscuro) -> "fast" blanco */
.fc-logo-footer{ color:#fff !important; }