/* Variables de color de ADESMUR */
:root {
    --adesmur-blue: #003366;
    --adesmur-blue-light: #004c99;
    --adesmur-gold: #ffc107;
    --adesmur-gold-hover: #e0a800;
}

html {
    scroll-behavior: smooth;
}

html, body { 
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
    max-width: 100vw;
    overflow-x: hidden;
}

/* Utilidades de texto y fondo */
.text-adesmur { color: var(--adesmur-blue); }
.bg-adesmur { background-color: var(--adesmur-blue); }

/* Botones personalizados */
.btn-adesmur { 
    background-color: var(--adesmur-gold); 
    color: #000; 
    font-weight: bold; 
    transition: all 0.3s ease; 
}
.btn-adesmur:hover { 
    background-color: var(--adesmur-gold-hover); 
    color: #000; 
    transform: translateY(-2px); 
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); 
}

/* Efecto subrayado en la Navegación */
.navbar .nav-link { 
    position: relative; 
    transition: color 0.3s; 
}
.navbar .nav-link::after { 
    content: ''; 
    position: absolute; 
    width: 0; 
    height: 2px; 
    display: block; 
    margin-top: 5px; 
    right: 0; 
    background: var(--adesmur-gold); 
    transition: width 0.3s ease; 
}
.navbar .nav-link:hover::after, 
.navbar .nav-link.active::after { 
    width: 100%; 
    left: 0; 
    background: var(--adesmur-gold); 
}

/* Cabecera de página interna */
.page-header { 
    background-color: var(--adesmur-blue); 
    padding: 100px 0 60px 0; 
    color: white; 
}

/* Títulos con subrayado */
.section-title { position: relative; display: inline-block; padding-bottom: 15px; }
.section-title::after { 
    content: ""; 
    position: absolute; bottom: 0; left: 50%; 
    transform: translateX(-50%); width: 80px; height: 4px; 
    background-color: var(--adesmur-gold); border-radius: 2px; 
}
.section-title-start::after { left: 0; transform: none; }

/* Efecto hover tarjetas de valores */
.card-hover { transition: all 0.3s ease; border: 1px solid rgba(0,0,0,0.1); }
.card-hover:hover { transform: translateY(-10px); box-shadow: 0 1.5rem 3rem rgba(0,0,0,.15)!important; border-color: var(--adesmur-blue); }

/* Efecto foto Junta Directiva */
.team-img { 
    width: 150px; height: 150px; object-fit: cover; 
    border: 5px solid white; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); 
}

/* Caja especial para el número de cuenta (IBAN) */
.iban-box {
    background-color: rgba(255, 255, 255, 0.1);
    border: 2px dashed var(--adesmur-gold);
    padding: 15px;
    border-radius: 8px;
    font-family: monospace;
    font-size: 1.3rem;
    letter-spacing: 2px;
    color: white;
    font-weight: bold;
    word-break: break-all;
}

/* Efectos hover genéricos */
.transition { transition: all 0.3s ease; }