/* Puntos del carrusel de avisos de la portada (index.php). Antes era un bloque <style> dentro del HTML. */

/* Personaliza los puntos y el contador */
.owl-dots {
    text-align: center;
    margin-top: 15px;
}

.owl-dot {
    width: 12px;
    height: 12px;
    background: #ccc !important;
    border-radius: 50%;
    margin: 0 5px;
    transition: all 0.3s ease; /* Para efecto suave */
}

.owl-dot.activeowl {
    background: #ff0000 !important; /* Color rojo */
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);/* Sombra para resaltar */
    transform: scale(1.3) important;/* Opcional: Agranda el dot activo */
}