html, body {
    height: 100%;
}

#map {
    width: 100%;
    height: 800px;
    border-radius: 0.25rem;
}

.card {
    border-radius: 0.5rem;
}

body {
    background-color: #f5f6fa;
}
/* Ajuste general para todos los selects Bootstrap */
.form-select {
    font-size: 0.85rem;      /* texto un poco más pequeño */
    line-height: 1.2;
}

/* Evitar que el texto se rompa raro dentro de las opciones */
.form-select option {
    white-space: nowrap;     /* una sola línea */
    text-overflow: ellipsis; /* agrega "..." cuando el sistema lo permite */
    overflow: hidden;
}