@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}
/* --- CONTENEDOR PRINCIPAL AZUL --- */
.jumbotron-tracking {
    background: linear-gradient(135deg, #0056b3 0%, #003d7a 100%);
    color: white;
    padding: 3rem 2rem;
    border-radius: 25px;
    margin-top: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* --- LOGOS SUPERIORES --- */
.logos-container {
    width: 100%;
    max-width: 900px;
    margin-bottom: 2rem;
}

/* --- BLOQUE DE LA BARRA DE BÚSQUEDA --- */
.search-form-container {
    display: flex;
    justify-content: center; 
    width: 100%;
}

.input-group {
    display: flex !important; /* Forza alineación horizontal del input y botón */
    width: 100% !important;
    max-width: 650px !important; /* Define el ancho máximo de la barra centrada */
    margin: 0 auto !important; /* Centra el bloque .input-group */
}

/* --- EL INPUT DONDE SE COLOCA EL NÚMERO --- */
.input-group .form-control {
    flex: 1; /* Hace que el input crezca */
    max-width: none !important; /* ELIMINA EL LÍMITE DE 280px DE VISUAL STUDIO */
    height: 55px; /* Altura más cómoda */
    border-radius: 30px 0 0 30px !important; /* Bordes redondeados a la izquierda */
    border: none;
    padding-left: 25px;
    font-size: 2rem;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);
}

/* --- EL BOTÓN DE CONSULTAR --- */
.input-group-append {
    display: flex;
}

.btn-warning {
    border-radius: 0 30px 30px 0 !important; /* Bordes redondeados a la derecha */
    padding: 0 35px !important;
    height: 55px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #ffcc00;
    color: #003d7a;
    transition: all 0.3s ease;
}

.btn-warning:hover {
    background-color: #e6b800;
    transform: scale(1.03);
}

.badge {
    font-weight: normal !important;
}

.direccion 
{
    margin-top: 10px;
}