/* ========================================
   ESTILOS ESPECÍFICOS - Paneles Solares
   Cambiar color de íconos al color del botón btn-primary (#d3d801)
   ======================================== */

/* 1. Íconos de la sección "Beneficios de la Energía Solar" */
/* Cards: Energía Renovable, Ahorro Económico, Valor de Propiedad */
section.py-20.bg-white .card-zonit .w-16.h-16.bg-accentLime {
  background-color: #d3d801 !important;
}

section.py-20.bg-white .card-zonit .w-16.h-16.bg-accentLime svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* 2. Íconos de la sección "¿Cómo recuperas tu inversión?" */
/* Cards: ROI Promedio, Ahorro Garantizado */
section.py-20.bg-secondary .card-zonit .w-16.h-16.bg-accentLime {
  background-color: #d3d801 !important;
}

section.py-20.bg-secondary .card-zonit .w-16.h-16.bg-accentLime svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* 3. Íconos de la sección "Pasos para comenzar" */
/* Cards: Evaluación, Cotización, Instalación */
section.py-20.bg-white .card-zonit .w-16.h-16.bg-primary {
  background-color: #d3d801 !important;
}

section.py-20.bg-white .card-zonit .w-16.h-16.bg-primary svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* Asegurar que todos los íconos tengan el color correcto */
.card-zonit .w-16.h-16 svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

/* Asegurar que todos los fondos de íconos sean del color btn-primary */
.card-zonit .w-16.h-16 {
  background-color: #d3d801 !important;
}