html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#map {
    width: 100%;
    height: calc(100vh - 56px); /* resta la altura de la navbar */
}

/* Botones: forzamos color de texto explícito para que nunca dependan
   del hover ni de que Bootstrap cargue bien. */
.btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

.btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}

.btn-outline-danger.btn,
.btn-outline-success.btn {
    color: inherit;
}

/* Estado de los botones tipo radio (Pendiente / Completado) */
.btn-check:checked + .btn-outline-danger {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.btn-check:checked + .btn-outline-success {
    background-color: #198754 !important;
    color: #ffffff !important;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-success {
    color: #198754;
    border-color: #198754;
}

/* Estado Cancelado (gris) */
.btn-check:checked + .btn-outline-secondary {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}