@font-face {
  font-family: 'Jost';
  src: url(../external-libraries/fonts/jost/Jost-Regular.ttf);
}

p, h1, h2, h3, h4, h5, h6, a, .btn, th, td {
  font-family: 'Jost', sans-serif;
}

.nav-image div{
    z-index: 2;
}
.primary-background {
    background-color: #003A60 !important;
    color: white;
}
.warning-background {
    background-color: #ffc100 !important;
    color: white;
}
.pink-background {
    background-color: #8d2266 !important;
    color: white;
}
.grey-background {
    background-color: #6c757d !important;
    color: white;
}

.primary-title {
    color:#003A60 !important;
    font-weight:700!important;
}
.primary-text {
    color:#003A60 !important;
}
.primary-button {
    background-color: #003A60 !important;
    color: white;
    border: 1px solid #003A60;
}

.info-title {
    color:#00ccc2 !important;
    font-weight:700!important;
}
.info-text {
    color:#00ccc2 !important;
}
.info-button {
    background-color: #00ccc2 !important;
    color: white;
}

.warning-title {
    color:#ffc100 !important;
    font-weight:700!important;
}
.warning-text {
    color:#ffc100 !important;
}
.warning-button {
    background-color: #ffc100 !important;
    color: white;
}

.danger-title {
    color:#ff0014 !important;
    font-weight:700!important;
}
.danger-text {
    color:#ff0014 !important;
}
.danger-button {
    background-color: #ff0014 !important;
    color: white;
}
.star-rating .btn {
    font-size: 4.5rem;
    text-decoration: none;
    box-shadow: none !important;
}
/* Efecto de escala al pasar el mouse */
.star-rating .btn:hover {
    transform: scale(1.1);
    transition: transform 0.2s;
}

/* Select2 + Bootstrap 5 Floating Label Workaround */
.form-floating > .select2-container {
    padding-top: 1px;
    width: 100% !important;
}

.form-floating > .select2-container .select2-selection {
    height: 58px !important;
    padding: 1.8rem 0.75rem 0.2rem 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    background-color: #fff !important;
}

.form-floating > .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: normal !important;
    margin-top: 0 !important; /* Removed 6px margin to center text better */
    color: #212529 !important;
}

.form-floating > label {
    z-index: 5 !important;
    pointer-events: none;
    transform: scale(.85) translateY(-0.75rem) translateX(0.15rem);
    opacity: .65;
}

/* Ocultar placeholder de select2 para que no choque con el label de bootstrap */
.form-floating .select2-selection__placeholder {
    opacity: 0 !important;
}