/* Archivo CSS dedicado para forzar colores Perlo */

/* PRIMERO: Quitar subrayado de TODOS los enlaces */
a, 
a:link, 
a:visited, 
a:hover, 
a:active,
a:focus {
    text-decoration: none !important;
}

/* Forzar para todos los elementos dentro de enlaces */
a *, 
a *:link,
a *:visited,
a *:hover,
a *:active,
a *:focus {
    text-decoration: none !important;
}

/* Específico para enlaces con clases */
a[class*=""],
a[href*=""] {
    text-decoration: none !important;
}

/* Para enlaces en el navbar y menús */
.nav-link,
.mega-menu a,
.dropdown-card a,
.navbar-transparent a,
.navbar-solid a {
    text-decoration: none !important;
}

/* Para enlaces en categorías */
.group a,
.bg-white a,
.rounded-xl a,
.shadow-md a,
.p-6 a {
    text-decoration: none !important;
}

/* ANULAR ESTILOS DE BOOTSTRAP */
/* Bootstrap agrega subrayado a los enlaces por defecto */
.link-underline,
.link-underline-opacity-0,
.link-underline-opacity-25,
.link-underline-opacity-50,
.link-underline-opacity-75,
.link-underline-opacity-100 {
    text-decoration: none !important;
}

/* Bootstrap links específicos */
a.link-primary,
a.link-secondary,
a.link-success,
a.link-danger,
a.link-warning,
a.link-info,
a.link-light,
a.link-dark {
    text-decoration: none !important;
}

/* Forzar en todo el body para anular Bootstrap */
body a {
    text-decoration: none !important;
}

/* Más específico para categorías y cards */
body .container a,
body .row a,
body .col a,
body .card a,
body .card-body a {
    text-decoration: none !important;
}

/* Ultra específico para las categorías problemáticas */
body main section a,
body main section a span,
body main section a h1,
body main section a h2,
body main section a h3,
body main section a h4,
body main section a h5,
body main section a h6,
body main section a p,
body main section a div {
    text-decoration: none !important;
}

/* Para los menús desplegables */
.dropdown a,
.dropdown-menu a,
.dropdown-item,
.nav a,
.navbar a {
    text-decoration: none !important;
}

/* Reglas con máxima especificidad para text-perlo-navy */
html[lang="es"] body.bg-gray-50.antialiased main.animate-fadeIn .text-perlo-navy,
html[lang="es"] body.bg-gray-50 main .text-perlo-navy,
html[lang="es"] body main .text-perlo-navy,
body main .text-perlo-navy,
main .text-perlo-navy,
.text-perlo-navy {
    color: #1e3a5f !important;
}

/* Específico para títulos h3 en cards de categorías */
html[lang="es"] body main section div div div a div h3.text-perlo-navy,
html[lang="es"] body main section div div a div h3.text-perlo-navy,
html[lang="es"] body main div div a div h3.text-perlo-navy,
body main a div h3.text-perlo-navy,
main a h3.text-perlo-navy,
a h3.text-perlo-navy,
h3.text-perlo-navy {
    color: #1e3a5f !important;
}

/* Forzar para todos los elementos dentro de enlaces */
html body a .text-perlo-navy,
html body a h1.text-perlo-navy,
html body a h2.text-perlo-navy,
html body a h3.text-perlo-navy,
html body a h4.text-perlo-navy,
html body a h5.text-perlo-navy,
html body a h6.text-perlo-navy,
html body a span.text-perlo-navy,
html body a div.text-perlo-navy,
html body a p.text-perlo-navy {
    color: #1e3a5f !important;
    text-decoration: none !important;
}

/* Estados de link */
html body a:link .text-perlo-navy,
html body a:visited .text-perlo-navy,
html body a:hover .text-perlo-navy,
html body a:active .text-perlo-navy,
html body a:focus .text-perlo-navy {
    color: #1e3a5f !important;
}

/* Reglas específicas para la estructura de categorías */
.bg-white.rounded-xl.shadow-md h3.text-perlo-navy,
.group.bg-white h3.text-perlo-navy,
.p-6.text-center h3.text-perlo-navy {
    color: #1e3a5f !important;
}

/* Forzar colores blue también */
.text-perlo-blue {
    color: #2563eb !important;
}

html body .text-perlo-blue {
    color: #2563eb !important;
}

/* Forzar colores purple */
.text-perlo-purple {
    color: #7c3aed !important;
}

html body .text-perlo-purple {
    color: #7c3aed !important;
}

/* Forzar colores pink */
.text-perlo-pink {
    color: #ec4899 !important;
}

html body .text-perlo-pink {
    color: #ec4899 !important;
}

/* Prevenir que cualquier otra regla CSS sobrescriba */
* .text-perlo-navy {
    color: #1e3a5f !important;
}

* .text-perlo-blue {
    color: #2563eb !important;
}

* .text-perlo-purple {
    color: #7c3aed !important;
}

* .text-perlo-pink {
    color: #ec4899 !important;
}

/* Colores de fondo para las etiquetas */
.bg-perlo-blue {
    background-color: #2563eb !important;
}

.bg-perlo-purple {
    background-color: #7c3aed !important;
}

.bg-perlo-pink {
    background-color: #ec4899 !important;
}

/* Con opacidad */
.bg-perlo-blue.bg-opacity-20 {
    background-color: rgba(37, 99, 235, 0.2) !important;
}

.bg-perlo-purple.bg-opacity-20 {
    background-color: rgba(124, 58, 237, 0.2) !important;
}

.bg-perlo-pink.bg-opacity-20 {
    background-color: rgba(236, 72, 153, 0.2) !important;
}

/* Estilos específicos para las categorías problemáticas */
/* Casas Quintas - emerald-600 */
.fa-tree[style*="#10b981"] {
    color: #10b981 !important;
}
span[style*="#10b981"] {
    color: #10b981 !important;
}
.fa-arrow-right[style*="#10b981"] {
    color: #10b981 !important;
}

/* Chacras - amber-600 */
.fa-seedling[style*="#d97706"] {
    color: #d97706 !important;
}
span[style*="#d97706"] {
    color: #d97706 !important;
}
.fa-arrow-right[style*="#d97706"] {
    color: #d97706 !important;
}

/* Campos - lime-600 */
.fa-mountain[style*="#65a30d"] {
    color: #65a30d !important;
}
span[style*="#65a30d"] {
    color: #65a30d !important;
}
.fa-arrow-right[style*="#65a30d"] {
    color: #65a30d !important;
}

/* SOLUCIÓN DEFINITIVA PARA SUBRAYADOS */
/* Al final del archivo para máxima prioridad */
* {
    text-decoration: none !important;
}

*:hover {
    text-decoration: none !important;
}

/* Específico para elementos que podrían tener subrayado */
a,
a *,
a:hover,
a:hover *,
a:focus,
a:focus *,
a:active,
a:active *,
a:visited,
a:visited * {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    text-underline-offset: 0 !important;
}

/* Para asegurar que funcione con cualquier combinación de clases */
[class*=""] a,
[class*=""] a * {
    text-decoration: none !important;
}

/* Si Bootstrap está agregando border-bottom como subrayado */
a,
a * {
    border-bottom: none !important;
}