/* assets/css/global.css */

/* Contenedor Principal del Logo con Fuente Roboto */
.nav-logo-roboto {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 24px;
    font-weight: 900; /* Peso extra negro para SOS (Black) */
    color: #171717;
    text-decoration: none;
    display: inline-flex; /* Activa el contexto flex para alinear componentes inline */
    align-items: center;  /* Centrado vertical matemático y perfecto de todos los elementos hijos */
    letter-spacing: -0.3px;
    user-select: none;
}

/* Transforma la letra 'O' en un círculo geométrico sólido de 20px x 20px */
.logo-solid-o {
    display: inline-block;
    width: 19px;  /* Dimensión horizontal exacta solicitada */
    height: 19px; /* Dimensión vertical exacta solicitada */
    background-color: #171717;
    border-radius: 50%; /* Conserva la redondez perfecta */
    margin: 0 2px;      /* Separación lateral sutil con las letras 'S' */
    flex-shrink: 0;     /* Evita que el círculo se deforme en pantallas pequeñas */
}

/* Letras ultradelgadas y ligeras para la palabra Viajero */
.logo-text-viajero {
    font-weight: 300; /* Peso ligero (Light) estilo Apple */
    color: #171717;
    margin-left: 8px; /* Proporción limpia de espacio en blanco */
    letter-spacing: -0.1px;
}