.grid-scroll {
    max-height: 400px; /* Ajusta según necesites */
    overflow-y: auto;
}
.bordeSeleccion {
    border-style: solid !important;
    border: 1px solid black !important;
}


.franjaRosaBottom::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: deeppink; /* Rosa fuerte */
    clip-path: polygon(70% 100%, 100% 70%, 100% 100%);
}

.franjaRosaTop::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: deeppink; /* rosa */
    clip-path: polygon(70% 0, 100% 0, 100% 30%);
}
.no-print, .no-print * {
    display: none !important;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.border-Boton-Satisfaccion {
    border: solid !important
}

.not-border-Boton-Satisfaccion {
    border: 0 !important
}
/*.visually-hidden {
    position: absolute !important;
    left: -100vw !important;
}*/
.overlay,
.overlay-wrapper > .overlay,
.loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay,
.overlay-wrapper .overlay {
    z-index: 2000;
    background: rgb(255 255 255 / 30%);
    border-radius: 3px;
}

    .overlay > .fa,
    .overlay-wrapper .overlay > .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -15px;
        color: #000;
        font-size: 30px;
    }

    .overlay.dark,
    .overlay-wrapper .overlay.dark {
        background: rgba(0, 0, 0, 0.5);
    }


.fs-1 {
    font-size: 2.5rem !important;
}

.fs-2 {
    font-size: 2rem !important;
}

.fs-3 {
    font-size: 1.75rem !important;
}

.fs-4 {
    font-size: 1.5rem !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fs-7 {
    font-size: 0.80rem !important;
}

.cursor-pointer{
    cursor:pointer !important;
}