/* Interfaz pública simplificada */

.ri-publico-header h1,
.ri-publico-header .h5 {
    letter-spacing: -0.02em;
}

.ri-modo-secundario {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 999px;
    padding: 0.25rem;
    gap: 0.25rem !important;
}

.ri-modo-secundario .nav-link {
    border-radius: 999px !important;
    color: #495057;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.45rem 0.75rem;
    white-space: nowrap;
}

.ri-modo-secundario .nav-link:hover {
    background: #f0f4f8;
    color: #0d6efd;
}

.ri-modo-secundario .nav-link.active {
    background: #e7f1ff;
    color: #0d6efd;
}

.ri-modo-secundario--compacto .nav-link:not(.active) {
    opacity: 0.85;
}

.ri-volver-ruta {
    color: #0d6efd;
    font-size: 0.9rem;
    font-weight: 500;
}

.ri-volver-ruta:hover {
    color: #0a58ca;
}

.ri-alternativas-label {
    color: #6c757d;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .ri-modo-secundario .nav-link {
        font-size: 0.8rem;
        padding: 0.4rem 0.55rem;
    }

    .ri-modo-secundario .nav-link .bi {
        display: block;
        font-size: 1rem;
        margin: 0 auto 0.15rem;
    }
}