/* 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;
}

.text-adesmur { color: var(--adesmur-blue); }
.bg-adesmur { background-color: var(--adesmur-blue); }

.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); 
}

.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 específica de Concursos */
.hero-concursos { 
    background-color: var(--adesmur-blue); 
    padding: 120px 0; 
}

.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; 
}

.card-hover { transition: all 0.3s ease; border: 1px solid rgba(0,0,0,0.05); }

/* Iconos de las tarjetas externas */
.icon-external {
    width: 50px; height: 50px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    background-color: rgba(0, 51, 102, 0.1);
    color: var(--adesmur-blue);
}

.transition { transition: all 0.3s ease; }
.hover-opacity-100 { opacity: 0.7; transition: opacity 0.3s; }

@media (hover: hover) and (pointer: fine) {
    .card-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 1rem 3rem rgba(0,51,102,.15)!important;
        border-color: var(--adesmur-blue-light);
    }

    .hover-opacity-100:hover { opacity: 1; }
}