html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/*Cambio*/

.bg-cambio {
    background-color: #fd7e14 !important; /* naranja */
    color: #fff !important; /* texto blanco */
}
.text-cambio {
    color: #fd7e14 !important; /* naranja */
}
.text-bg-cambio {
    background-color: #fd7e14 !important; /* naranja */
    color: #fff !important; /* texto blanco */
    padding: 0.25rem 0.5rem; /* opcional: para que se vea como badge */
    border-radius: 0.25rem;
}
.btn-cambio {
    background-color: #fd7e14 !important; /* naranja intenso */
    color: #fff !important; /* texto e ícono blancos */
    border: none; /* sin borde */
}
    .btn-cambio:hover {
        background-color: #e36c0a !important; /* tono naranja más oscuro al pasar el mouse */
        color: #fff !important;
    }

/* Clausura */

.bg-clausura {
    background-color: #6f42c1 !important; /* morado */
    color: #fff !important; /* texto blanco */
}
.text-clausura {
    color: #6f42c1 !important; /* morado */
}
.text-bg-clausura {
    background-color: #6f42c1 !important; /* morado */
    color: #fff !important; /* texto blanco */
    padding: 0.25rem 0.5rem; /* opcional */
    border-radius: 0.25rem;
}
.btn-clausura {
    background-color: #6f42c1 !important; /* morado intenso */
    color: #fff !important; /* texto e ícono blancos */
    border: none; /* sin borde */
}
    .btn-clausura:hover {
        background-color: #5a32a3 !important; /* tono morado más oscuro al pasar el mouse */
        color: #fff !important;
    }