/*
 * Listado de carreras agrupado por nivel — shortcode [exa_carreras].
 *
 * Paleta institucional EXA: azul #1e2f4f, turquesa #00a19a.
 * Los colores van en variables para que otra facultad los cambie en un solo
 * lugar, o los redefina desde el tema sin tocar este archivo.
 */

.exa-carreras-nivel {
    --exa-azul: #1e2f4f;
    --exa-turquesa: #00a19a;
    --exa-tinta: #3c4a61;
    --exa-linea: #dfe4ec;
    margin: 0 0 3rem;
}

.exa-carreras-titulo {
    display: flex;
    align-items: baseline;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin: 0 0 1.2rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid var(--exa-turquesa);
    color: var(--exa-azul);
    font-size: 1.6rem;
    line-height: 1.2;
}

.exa-carreras-cuenta {
    font-size: 0.82rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--exa-turquesa);
}

/* Grilla fluida: se acomoda sola sin media queries. */
.exa-carreras-grilla {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.exa-carrera-item {
    margin: 0;
    padding: 0;
}

.exa-carrera-item > a,
.exa-carrera-item > span:first-child {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    height: 100%;
    padding: 1rem 1.1rem;
    border: 1px solid var(--exa-linea);
    border-left: 4px solid var(--exa-turquesa);
    background: #fff;
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.exa-carrera-item > a:hover,
.exa-carrera-item > a:focus-visible {
    border-color: var(--exa-turquesa);
    box-shadow: 0 3px 14px rgba(30, 47, 79, 0.12);
    transform: translateY(-2px);
}

.exa-carrera-item > a:focus-visible {
    outline: 2px solid var(--exa-turquesa);
    outline-offset: 2px;
}

.exa-carrera-tipo {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--exa-turquesa);
}

.exa-carrera-nombre {
    font-size: 1.04rem;
    font-weight: 600;
    line-height: 1.28;
    color: var(--exa-azul);
    text-wrap: balance;
}

.exa-carrera-titulo-otorga,
.exa-carrera-dato {
    font-size: 0.85rem;
    color: var(--exa-tinta);
}

.exa-carrera-dato {
    margin-top: auto;
    padding-top: 0.4rem;
    font-size: 0.8rem;
    opacity: 0.85;
}

.exa-carrera-dato i {
    margin-right: 0.3rem;
    color: var(--exa-turquesa);
}

@media (prefers-reduced-motion: reduce) {
    .exa-carrera-item > a { transition: none; }
    .exa-carrera-item > a:hover { transform: none; }
}