/*
 * COLOR PRIMARIO DE LA APP
 * Para cambiar el color hay que editar DOS archivos:
 *   1. --color-primary aquí abajo (usado por elementos CSS puros)
 *   2. La escala "indigo" en tailwind.config dentro de views/partials/header.ejs
 *      (usado por todas las clases indigo-* de Tailwind en las vistas)
 *
 * Opciones disponibles:
 *   A (activa) — Teal profundo   #1a5c55  calma, cuidado, seriedad terapéutica
 *   B          — Ámbar cálido    #92400e  calidez pastoral
 *   C          — Terracota       #7c3d2b  dignidad, hospitalidad
 */
:root {
    --color-primary: #1a5c55; /* Opción A activa */
}

/* Transiciones suaves para los botones y modales */
.step-content {
    transition: opacity 0.2s ease-in-out;
}

/* Scrollbar personalizado para dispositivos móviles */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}