/* Variables de color */
:root {
    --ocre: #8B0000;           /* Rojo oscuro */
    --amarillo: #FFD700;       /* Amarillo brillante */
    --animado: #FF4500;        /* Naranja-rojo para efectos */
}

/* Fuentes */
body {
    font-family: 'Raleway', sans-serif;
    color: #1a1a1a;
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif;
}

/* Clases de color personalizadas */
.bg-ocre {
    background-color: var(--ocre);
}

.text-ocre {
    color: var(--ocre);
}

.text-amarillo {
    color: var(--amarillo);
}

.text-white {
    color: #ffffff;
}

/* Transiciones y efectos */
.transition-all {
    transition: all 0.3s ease;
}

/* Botón de chat - animación suave */
.chat-btn {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 215, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
    }
}