:root {
    --bs-border-radius: 0.1875rem;
    --bs-border-radius-sm: 0.125rem;
    --bs-border-radius-lg: 0.25rem;
    --bs-border-radius-xl: 0.5rem;
    --bs-border-radius-xxl: 1rem;
}

@font-face {
    font-family: 'Inter';
    font-weight: 100 1000;
    src: url(../fonts/Inter/Inter-VariableFont_slnt,wght.ttf) format('woff2');
}

* {
    letter-spacing: -.015rem !important;
    font-family: 'Inter', sans-serif !important;
}

body {
    background-color: #ededed !important;
}

.vw-65 {
    width: 65vw;
}

@media (max-width: 767px) {
    .vw-65 {
        width: 100vw;
    }
}

.vw-35 {
    width: 35vw;
}

.w-35 {
    width: 35%;
}

.w-65 {
    width: 65%;
}

@media (max-width: 767px) {
    .w-65 {
        width: 100%;
    }
}

.btn {
    text-transform: none!important;
}

.alert-secondary {
    background: #efefef linear-gradient(180deg, #f3f3f3, #efefef) repeat-x;
}

.btn-outline-primary {
    position: relative;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
}

.form-control.input-validation-error {
    border-bottom: none;
    box-shadow: inset 0 -2px 0 #e51c23;
}

.form-select.input-validation-error {
    border-bottom: none;
    box-shadow: inset 0 -2px 0 #e51c23;
}


.splide__arrow--next {
    right: -0.2em !important;
}

.splide__arrow--prev {
    left: -0.2em !important;
}

.splide__pagination {
    bottom: -0.8em !important;
}

.splide:active {
    cursor: -webkit-grab;
    cursor: grab;
}

.splide__track {
    margin-left: -16px;
    margin-right: -16px;
}

.splide__arrows {
    display: none;
}

.splide:hover .splide__arrows {
    display: block;
}

.splide__pagination__page.is-active {
    background: #2196f3 !important;
}

.diagnostico-text {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita a 2 líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3rem; /* Ajusta el alto dinámicamente */
}

.selectable-card {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.selectable-card:hover {
    background-color: rgba(0, 123, 255, 0.1); /* Un leve fondo azul al pasar el mouse */
}

.icono-simulacion {
    color: #0d6efd; /* Color azul de Bootstrap */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.user-initials {
    width: 40px;
    height: 40px;
    background-color: #fff; /* Azul Bootstrap, puedes cambiarlo */
    color: #2196f3;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-size: 1rem;
    margin-right: 4px;
}

a.nav-link.text-light.active {
    font-weight: bold;
}

.stat-success {
    background-color: rgb(220 252 231/ 1);
    color: rgb(22 101 52 / 1);
}

.stat-success svg {
    color: rgb(34 197 94/ 1);
}

.stat-error {
    background-color: rgb(254 226 226 / 1);
    color: rgb(153 27 27/ 1);
}

.stat-error svg {
    color: rgb(239 68 68/ 1);
}

.form-switch .form-check-success:checked {
    background-color: rgba(97,243,33,.30);
}

.form-switch .form-check-success:checked::before {
    left: calc(100% - .8em);
    background-color: #198754;
}