body {
    font-family: 'Segoe UI', sans-serif;
}

header {
    background: #2c3e50;
    color: white;
    padding: 1rem 0;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
}

.hero-text {
    position: absolute;
    top: 40%;
    left: 10%;
    color: white;
    text-shadow: 2px 2px 8px black;
}

.section-title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

/* Tarjetas */
.card {
    transition: transform .3s;
}

.card:hover {
    transform: scale(1.05);
}

/* Botón donaciones */
.pulse {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Animación fade-in */
.fade-in {
    animation: fadeIn 1.2s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mapa */
.map-container {
    overflow: hidden;
    border-radius: 10px;
}

/* Footer */
footer {
    background: #2c3e50;
    color: white;
    padding: 1rem;
    text-align: center;
    margin-top: 2rem;
}