/*
Hoja de customización de variables bootstrap.
Asegurarse de cargarla después del propio bootstrap
*/
:root {
    --bs-body-bg: whitesmoke;
    --bs-body-color: #015ea3;
    --bs-body-font-family: "Roboto";
    --kf-borderColor: blueviolet;
    --kf-h1Color: orange;
    --kf-h2Color: coral;
    --kf-h3Color: var(--bs-body-color);
    --kf-bgColor: #add8e6;
    --kf-bgTitleColor: #0dd8e6;
    --kf-datosAzul: var(--bs-success-bg-subtle);
    --kf-datosRojo: var(--bs-warning-bg-subtle);
}
.btn {
    --bs-btn-disabled-opacity: 0.3;
}

.navbar-toggler {
    background-color: var(--bs-body-bg) !important;
}

.form-label,
.form-control,
.form-select,
.form-check-input {
    margin-bottom: 0.5em;
    border-color: var(--kf-borderColor);
    color: #015ea3;
}

.w-10 {
    width: 10%;
}
.w-23 {
    width: 23%;
}
.w-35 {
    width: 35%;
}
.w-45 {
    width: 45%;
}
.w-85 {
    width: 85%;
}