/* ============================================
CURSORES PERSONALIZADOS - BETESDA HOGAR DE REHABILITACIÓN
Inspirados en el logo: Verde Azulado Profundo y Turquesa Brillante
============================================ */
/* Variables de color basadas en el logo */
:root {
--color-verde-azulado: #1a5f6b; /* Verde azulado profundo del fondo */
--color-turquesa-brillante: #4dd0e1; /* Turquesa brillante de las franjas y halo */
--color-blanco: #ffffff;
--color-turquesa-claro: #80deea;
}
/* Cursor Principal (default) - Verde Azulado Profundo */
* {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
/* Cursor Interactivo (pointer) - Círculo blanco con borde turquesa */
a, button, .clickable, [role="button"], input[type="submit"], input[type="button"], .btn {
cursor: url('data:image/svg+xml;utf8,') 16 16, pointer;
}
/* Efecto hover adicional para enlaces */
a:hover, button:hover, .clickable:hover {
cursor: url('data:image/svg+xml;utf8,') 18 18, pointer;
}
/* Cursor de Carga (wait/progress) - Halo blanco giratorio */
.wait-cursor, .loading, [data-loading="true"], body.waiting {
cursor: url('data:image/svg+xml;utf8,') 16 16, wait !important;
}
/* Estilo para el cursor loader personalizado */
#custom-cursor-loader {
position: fixed;
pointer-events: none;
z-index: 99999;
}
/* Cursor de texto (text) */
input[type="text"], input[type="email"], input[type="password"], textarea, [contenteditable="true"] {
cursor: url('data:image/svg+xml;utf8,') 10 10, text;
}
/* Cursor de arrastre (move) */
[draggable="true"], .draggable {
cursor: url('data:image/svg+xml;utf8,') 12 12, move;
}
/* Cursor de no permitido (not-allowed) */
.disabled, [disabled], .not-allowed {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
}
/* Animación suave para transiciones de cursor */
* {
transition: cursor 0.2s ease;
}