.form-container {
    /* max-width: 1200px; */
    max-width: 85%;
    margin: 0 auto;
    /* padding: 2rem; */
    padding: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 10px;
    background-color: #ffffff;  /* Fondo blanco para el formulario */
    
}

#map { height: 400px; margin-top: 20px; border: 1px solid #ddd; }

.form-check-input:checked {
    border-color: #0d6efd !important;
    background-color: #0d6efd !important;
}

.form-check-label {
    cursor: pointer !important;
    font-weight: 500 !important;
}

.btn-check:checked + .btn-outline-primary {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}

.btn-outline-primary {
    transition: all 0.2s ease-in-out;
}

.btn-outline-primary:hover {
    background-color: #e7f1ff;
    color: #0d6efd;
}

.border-bottomm{
    border-bottom: #0d6dfd solid 5px;
}


/* Estilo para el contenedor del stepper */
.stepper-wrapper {
    overflow-x: auto; /* Permite scroll horizontal */
    -webkit-overflow-scrolling: touch; /* Mejora el scroll en dispositivos móviles */
    scrollbar-width: thin; /* Reduce el grosor de la barra de scroll */
    scrollbar-color: #ced4da transparent; /* Cambia el color de la barra de scroll */
}

.stepper-wrapper::-webkit-scrollbar {
    height: 8px;
}

.stepper-wrapper::-webkit-scrollbar-thumb {
    background-color: #ced4da;
    border-radius: 4px;
}

.stepper-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Estilo para los pasos */
.stepper {
    display: flex;
    gap: 2rem; /* Espacio entre pasos */
    min-width: max-content; /* Asegura que el stepper no se rompa */
    padding: 1rem 0;
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex-shrink: 0; /* Evita que los pasos se compriman */
}

.step .icon {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step.active .icon {
    background-color: #0d6efd; /* Azul Bootstrap */
}

.step.completed .icon {
    background-color: #198754; /* Verde Bootstrap */
}

.step .label {
    font-size: 0.875rem;
    margin-top: 0.5rem;
    color: #495057;
}

.step.active .label {
    font-weight: bold;
    color: #0d6efd;
}

.step.completed .label {
    color: #198754;
}

.select2-container .select2-selection--single {
    height: 38px;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}

.hover-shadow {
    transition: box-shadow 0.2s ease-in-out;
}

.hover-shadow:hover {
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1)!important;
}