/* ==========================
   MENÚ PRINCIPAL - Más aire
   ========================== */
.t3-mainnav .navbar-nav > li > a,
.navbar-nav > li > a,
.t3-navbar .nav > li > a {
    font-size: 14px !important;
    line-height: 20px !important;     /* +2 px de aire */
    padding-top: 9px !important;       /* +2 px */
    padding-bottom: 9px !important;    /* +2 px */
    padding-left: 12px !important;     /* +2 px horizontal */
    padding-right: 12px !important;
}

/* Responsive: menos agresivo */
@media (max-width: 1200px) {
    .t3-mainnav .navbar-nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* ==========================
   SUBMENÚS - Más cómodos
   ========================== */
.t3-mainnav .dropdown-menu > li > a,
.dropdown-menu > li > a,
.t3-mainnav .dropdown-menu .mega-nav > li > a {
    font-size: 13px !important;
    line-height: 18px !important;     /* antes 17px */
    padding: 7px 14px !important;     /* +1 px arriba/abajo, +2 laterales */
}

/* ==========================
   MEGAMENU - Más aire general
   ========================== */
.t3-megamenu .mega-inner {
    padding: 8px 0 !important;       /* antes 6px */
}

.t3-megamenu .mega-nav > li > a,
.t3-megamenu .dropdown-menu .mega-nav > li > a,
.t3-megamenu .mega-nav > li > span,
.t3-megamenu .dropdown-menu .mega-nav > li > span {
    padding: 6px 8px !important;     /* +1 px arriba/abajo y laterales */
    font-size: 13px !important;
    line-height: 18px !important;    /* antes 17px */
}

.t3-megamenu .dropdown-header,
.t3-megamenu .mega-group > .dropdown-header {
    margin: 8px 0 4px !important;    /* más margen */
    font-size: 14px !important;
    line-height: 19px !important;    /* +1 px */
}

/* ==========================
   NAVBAR padding reset
   ========================== */
.t3-mainnav .navbar-inner,
.t3-mainnav .navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* ============================================
   ICONOS DE NIVEL - TEXTO 100% CENTRADO
   ============================================ */

[class^="level-"] {
    display: inline-flex !important;
    align-items: center !important;      /* centra verticalmente */
    justify-content: center !important;  /* centra horizontalmente */

    width: 30px;    /* un poco más grande para centrar mejor */
    height: 30px;

    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.15);

    font-family: "HKGrotesk", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;   /* tamaño ajustado al centro */
    font-weight: 700;

    background: #999;
    color: #fff !important;

    text-transform: uppercase;
    line-height: 1 !important;   /* 🔥 clave para centrar de verdad */

    margin-right: 8px;
    vertical-align: middle !important;

    padding: 0 !important;   /* 🔥 evita desplazamientos */
}

/* COLORES POR NIVEL */
.level-A1, .level-A2 { background: #4CAF50 !important; }
.level-B1, .level-B2 { background: #2196F3 !important; }
.level-C1, .level-C2 { background: #FF9800 !important; }

/* CONTENIDOS */
.level-A1::before { content: "A1"; }
.level-A2::before { content: "A2"; }
.level-B1::before { content: "B1"; }
.level-B2::before { content: "B2"; }
.level-C1::before { content: "C1"; }
.level-C2::before { content: "C2"; }

/* Oculta el texto original, pero mantiene accesibilidad */
[class^="level-"] {
    color: transparent !important;
}

[class^="level-"]::before {
    color: #fff !important;
    display: block;
    line-height: 1 !important;    /* 🔥 super clave */
    text-align: center;
}