.popover-info{
color: var(--Color-Form-Content-General,#474747);
}

/**MODAL*/

#calculadora-cups-form .modal-dialog {
    position: relative;
    margin: auto;
    width: 328px;
}


#calculadora-cups-form #modal-ko .modal-content {
    border-radius: 16px;
    padding: 24px 16px 24px 16px;
    position: relative;
    height: 340px;
}

#calculadora-cups-form #modal-ko .modal-content .contenedor-boton #modal-btn2 {
    margin-top: 24px;
    margin-bottom: 0;
    font-family: IberPangea-Regular, sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

#calculadora-cups-form .modal-header .boton-cerrar-modal {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
}

#calculadora-cups-form .modal-header .btn-close-modal {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    color: #333;
}

#calculadora-cups-form .modal-header {
    flex-direction: column;
    align-items: center;
    height: auto;
    padding: 0;
    border: none;
    margin-top: 8px;
}

#calculadora-cups-form .modal p {
    margin: 0;
    font-family: IberPangea-Regular, sans-serif;
    text-align: center;
}

#calculadora-cups-form .titulo-modal {
    margin-top: 16px;
}

#calculadora-cups-form .titulo-modal p {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

#calculadora-cups-form .subtitulo-modal {
    margin-top: 8px;
    margin-bottom: 16px;
}

#calculadora-cups-form .subtitulo-modal p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    width: 90%;
    margin: auto;
}

#calculadora-cups-form #modal-ko .subtitulo-modal p {
    width: 85%;
}

#calculadora-cups-form .modal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}



/**
CARRUSEL
*/

#seccion-carrusel-cups {
    overflow: hidden;
    padding-top: 64px;
}

#carrusel-cups {
    margin-top: 16px;
}

#carrusel-cups .item {
    border-radius: var(--border-radius-l, 16px);
    border: var(--border-width-l, 2px) solid var(--Color-Border-General-1, #C8D9D0);
    background: var(--Color-Surface-General-1, #FFF);
    display: flex;
    width: 304px;
    height: 501px;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-0, 0);
    flex: 1 0 0;
    align-self: stretch;
}

.contenedor-imagen-carrusel-cups {
    width: 304px;
    height: 200px;
}

.contenedor-imagen-carrusel-cups img {
    border-top-left-radius: var(--border-radius-l, 16px);
    border-top-right-radius: var(--border-radius-l, 16px);

}

#seccion-carrusel-cups .swiper {
    overflow: visible;
}

#carrusel-cups>div>div.navigation__container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    margin-bottom: 24px;
}

/*MODULO CUPS*/
.contenedor-cups {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    justify-content: center;
}

.contenedor-imagen-cups {
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: var(--Color-Surface-General-2, #DCEBE1);
    height: 200px;

    border-radius: var(--border-radius-l, 16px);
    justify-content: center;
    align-items: center;
    display: flex;
}

.contenedor-input-cups {
    display: flex;
    flex-direction: column;
    text-align: start;

}

.contenedor-input-cups .form-group,
#calculadora-cups-form .bloque-acepto-condiciones,
#calculadora-cups-form .txt-checkbox {
    margin-bottom: 0;
}

.label-cups {
    display: flex;
    gap: 4px;
}

.label-cups,
.texto-formulario-cups {
    color: var(--Color-Form-Content-General, rgba(71, 71, 71, 0.80));
}

.texto-formulario-cups {
    display: flex;

    gap: 8px;
    justify-content: start;
    align-items: start;
    text-align: start;
}

#boton-continuar-cups {
    min-width: 156px;
}

#calculadora-cups-form .bloque-acepto-condiciones #aceptoCondiciones {
    align-self: start;
    justify-self: start;
    position: relative;
    top: 8px;
    left: 10px
}

#calculadora-cups-form .contenedor-input-cups label{
  color: var(--Color-Form-Content-General, rgba(71, 71, 71, 0.80));
}

#calculadora-cups-form .bloque-acepto-condiciones label{
  color: var(--Color-Content-General-1, #2C2C2C);
}

/*FIN-MODULO CUPS*/

@media(min-width: 576px) {
    #calculadora-cups-form .modal-dialog {
        width: 500px;
    }

    .contenedor-imagen-mas-formulario-cups {
        display: flex;
        gap: 24px;
        align-items: center;
        padding-top: 24px;
        padding-bottom: 40px;
    }

    #cups {
        width: 210px;
        margin-left: auto;
        margin-right: auto;
    }

    .contenedor-input-y-acepto-cups {
        width: 234px;
        height: 200px;
    }

    .contenedor-cups .bloque-acepto-condiciones {
        display: flex;

        align-items: start;
        justify-content: start;

    }

    .contenedor-imagen-cups {
        width: 234px;
        margin: 0;
    }

    .contenedor-cups {
        align-items: center;
        flex-direction: row;
        gap: 24px;
    }

    .contenedor-input-cups {
        margin-bottom: 12px;
    }

}




@media (min-width: 768px) {


    #calculadora-cups-form .modal-dialog {
        width: 656px;
    }

    #calculadora-cups-form .modal .subtitulo-modal {
        width: 600px;
    }

    #calculadora-cups-form #modal-ko .modal-content {
        height: 314px;
    }

    #cups {
        width: 324px;
        margin-left: auto;
        margin-right: auto;
    }

    .contenedor-input-y-acepto-cups {
        width: 324px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #calculadora-cups-form div.contenedor-input-y-acepto-cups .form-group {
        margin-bottom: 0;
    }

    .contenedor-imagen-cups {
        width: 324px;


    }

}

@media (min-width: 992px) {
    .contenedor-imagen-cups {
        width: 331px;
    }

    #cups {
        width: 412px;
    }

    .contenedor-input-y-acepto-cups {
        width: 427px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .contenedor-imagen-carrusel-cups {
        width: 402px;
    }

    .contenedor-imagen-carrusel-cups img {
        width: 402px;
    }

    #carrusel-cups .swiper-cups .swiper-wrapper {
        flex-wrap: wrap;
    }

    #carrusel-cups .navigation-next__container,
    #carrusel-cups .navigation-prev__container,
    #carrusel-cups .navigation__paginate {
        display: none;
    }

    #carrusel-cups .item {
        width: 402px;
        height: 500px;
        justify-content: space-between;
    }



}

@media (min-width: 1200px) {

    .contenedor-imagen-cups {
        width: 315px;


    }


    .contenedor-input-y-acepto-cups {
        width: 516px;
    }

    .contenedor-imagen-carrusel-cups {
        width: 316px;
    }

    .contenedor-imagen-carrusel-cups img {
        width: 316px;
    }


    #carrusel-cups .item {
        width: 316px;
        height: 500px;
    }

    #carrusel-cups .swiper-cups .swiper-wrapper {
        flex-wrap: nowrap;
    }

}

@media (min-width: 1920px) {
    .contenedor-imagen-cups {
        width: 516px;


    }
    .contenedor-imagen-cups img{
        width: 379px;


    }
    .contenedor-imagen-carrusel-cups {
        width: 408px;
    }

    .contenedor-imagen-carrusel-cups img {
        width: 408px;
    }


    #carrusel-cups .item {
        width: 408px;
        height: 500px;
    }
}