/* Estilos específicos Municipalidad de Catemu */

/* Logo header */
.logo-catemu {
    max-width: 200px;
    margin-bottom: 20px;
}

.header-catemu {
    background: linear-gradient(135deg, #E8642E 0%, #662D91 100%);
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.header-catemu h1 {
    color: white;
    margin: 0;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.header-catemu p {
    color: #FDB714;
    margin: 5px 0 0 0;
    font-size: 1.1rem;
}

/* Colores de acento */
.accent-orange {
    color: #E8642E;
}

.accent-purple {
    color: #662D91;
}

.accent-yellow {
    color: #FDB714;
}

/* Badges personalizados */
.badge-catemu-orange {
    background-color: #E8642E;
    color: white;
}

.badge-catemu-purple {
    background-color: #662D91;
    color: white;
}

.badge-catemu-yellow {
    background-color: #FDB714;
    color: #662D91;
}

/* Bordes corporativos */
.border-catemu {
    border: 3px solid #E8642E !important;
}

.border-catemu-purple {
    border: 3px solid #662D91 !important;
}

/* Fondos */
.bg-catemu-gradient {
    background: linear-gradient(135deg, #E8642E 0%, #662D91 100%);
}

.bg-catemu-orange {
    background-color: #E8642E;
}

.bg-catemu-purple {
    background-color: #662D91;
}

/* Texto con gradiente */
.text-gradient-catemu {
    background: linear-gradient(135deg, #E8642E 0%, #662D91 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
}

/* Sombras corporativas */
.shadow-catemu {
    box-shadow: 0 10px 30px rgba(232, 100, 46, 0.3);
}

/* Animación especial para Catemu */
@keyframes catemu-pulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(232, 100, 46, 0.4);
    }
    50% {
        box-shadow: 0 0 40px rgba(102, 45, 145, 0.6);
    }
}

.catemu-pulse {
    animation: catemu-pulse 2s ease-in-out infinite;
}