/* =========================
   VARIABLES
========================= */
:root {
    --azul: #2563eb;
    --azul-hover: #1e40af;
    --bg: #f6f8fb;
    --texto: #0f172a;
    --borde: #e5e7eb;
    --sombra: 0 10px 30px rgba(0,0,0,.06);
}

/* =========================
   TAB CONTENT (VERSIÓN FINAL)
========================= */
.tab-content {
    display: none;
    animation: fadeSlide .25s ease;
}

.tab-content.active {
    display: block;
}

/* =========================
   ANIMACIONES
========================= */
@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes highlightConvenio {
    0% {
        background: #eff6ff;
        box-shadow: 0 0 0 6px rgba(96,165,250,.35);
    }
    60% {
        background: #ffffff;
        box-shadow: 0 0 0 0 rgba(96,165,250,.0);
    }
    100% {
        background: #ffffff;
        border-color: transparent;
    }
}

@keyframes highlightItem {
    0% {
        background: #eff6ff;
        box-shadow: 0 0 0 6px rgba(147,197,253,.45);
    }
    70% {
        background: #ffffff;
        box-shadow: 0 0 0 0 rgba(147,197,253,0);
    }
    100% {
        border-color: transparent;
    }
}

.site-header{
position:sticky;
top:0;
z-index:1000;
background:#ffffff;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}