/* ========================================
   ESTILOS ESPECÍFICOS - Control de Accesos y Seguridad
   ======================================== */

/* 1. TÍTULOS - Cambiar a color azul #74acd8 */
/* MÁXIMA ESPECIFICIDAD para sobrescribir el CSS global */

/* Todos los h2 en secciones con fondo blanco (bg-white) */
body main section.py-20.bg-white h2,
body section.py-20.bg-white h2,
body section.bg-white h2,
main section.bg-white h2 {
  color: #74acd8 !important;
}

/* Específicamente por clase text-textDark */
body section h2.text-textDark,
body main section h2.text-textDark,
section.py-20.bg-white h2.text-textDark,
section.py-20 h2.text-textDark {
  color: #74acd8 !important;
}

/* Por orden de layout */
body .lg\:order-1 h2,
body .lg\:order-2 h2,
body .space-y-6 h2,
.container-zonit h2.text-textDark {
  color: #74acd8 !important;
}

/* Última defensa - todos los h2 que NO estén en sección CTA (bg-bgLight) */
section:not(.bg-bgLight):not(.bg-primary) h2 {
  color: #74acd8 !important;
}

/* 2. BOTÓN "Ver proyectos" - Texto BLANCO */
a[href="/proyectos/"],
a.btn-secondary[href="/proyectos/"],
section a[href="/proyectos/"] {
  background-color: transparent !important;
  color: white !important;
  border: 2px solid white !important;
}

a[href="/proyectos/"]:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  border-color: white !important;
}

/* Asegurar que el texto sea blanco */
a[href="/proyectos/"],
a[href="/proyectos/"] *,
a[href="/proyectos/"] span {
  color: white !important;
}

/* En todos los estados */
a[href="/proyectos/"]:link,
a[href="/proyectos/"]:visited,
a[href="/proyectos/"]:active,
a[href="/proyectos/"]:focus {
  color: white !important;
}