/* ESTILOS UNIVERSALES PARA TODOS LOS BOTONES */
button {
background-color:
#0066cc !important;
color:
#ffffff !important;
}

button:hover {
background-color:
#0052a3 !important;
color:
#ffffff !important;
}

input[type="button"],
input[type="submit"] {
background-color:
#0066cc !important;
color:
#ffffff !important;
}

input[type="button"]:hover,
input[type="submit"]:hover {
background-color:
#0052a3 !important;
color:
#ffffff !important;
}

a.btn,
[role="button"] {
background-color:
#0066cc !important;
color:
#ffffff !important;
}

a.btn:hover,
[role="button"]:hover {
background-color:
#0052a3 !important;
color:
#ffffff !important;
}

/* FIX PARA TEXTO DE BOTON */
button.btn-primary:not(:hover), button.w-full.btn-primary:not(:hover), button.bg-blue-600 {
background-color: #0066cc !important;
color: #ffffff !important;
border: 2px solid #0066cc !important;
}
.text-accent, span.text-accent, div > span.text-accent, .font-bold.text-accent, p.text-2xl.font-bold.text-accent {
color: #0ea5e9 !important;
font-weight: 800 !important;
}

/* CLASES COMUNES */
.btn,
.button,
.btn-primary,
.button-primary,
.primary-button {
background-color:
#0066cc !important;
color:
#ffffff !important;
}

.btn:hover,
.button:hover,
.btn-primary:hover,
.button-primary:hover,
.primary-button:hover {
background-color:
#0052a3 !important;
color:
#ffffff !important;
}

.btn-secondary,
.button-secondary,
.secondary-button,
.btn-clear,
.clear-button {
background-color:
#329924 !important;
color:
#000000 !important;
}

.btn-secondary:hover,
.button-secondary:hover,
.secondary-button:hover,
.btn-clear:hover,
.clear-button:hover {
background-color:
#538cea !important;
color:
#000000 !important;
}

/* FIX PARA BOTONES OUTLINE / SECONDARY OUTLINE (Limpiar, Conocer Servicios) */
.btn-outline, a.btn-outline, button.variant-outline, .text-destructive {
background-color: transparent !important;
color: #0066cc !important;
border: 2px solid #0066cc !important;
padding: 0.75rem 1.5rem !important;
border-radius: 0.5rem !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
display: flex; justify-content: center; align-items: center; text-align: center;
}

.text-destructive, button.text-destructive {
color: #ef4444 !important;
border-color: #ef4444 !important;
}

.btn-outline:hover, a.btn-outline:hover, button.text-destructive:hover {
background-color: #0066cc !important;
color: #ffffff !important;
}
button.text-destructive:hover {
background-color: #ef4444 !important;
color: #ffffff !important;
}

/* FIX PARA BOTÓN 'GUARDAR CONFIGURACIÓN' (.border-blue-600) */
button.border-blue-600, button.text-blue-600 {
background-color: transparent !important;
color: #0066cc !important;
border: 2px solid #0066cc !important;
}
button.border-blue-600:hover, button.text-blue-600:hover {
background-color: #0066cc !important;
color: #ffffff !important;
}

/* FIX PARA ICONOS EN BOTON OUTLINE */
button > svg { stroke: currentColor !important; }

/* FIX EXTREMO PARA EL BOTON + DEL CONFIGURADOR Y BORDES POR DEFECTO */
button:has(svg.lucide-plus), button.border-input {
background-color: transparent !important;
border: 2px solid #0066cc !important;
color: #0066cc !important;
}
button:has(svg.lucide-plus):hover, button.border-input:hover {
background-color: #0066cc !important;
color: #ffffff !important;
}

/* FIX PARA LA BURBUJA DEL CHAT DEL CLIENTE */
div.bg-accent.text-white, .bg-accent.text-white, div.bg-primary.text-primary-foreground {
background-color: #0066cc !important;
color: #ffffff !important;
}