#modulo-tarjeta {
    padding: 16px 16px 0px;
}

#modulo-tarjeta .cabecera-plano-fatura-gas .titulo {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    font-family: IberPangea;
    color: #2C2C2C;
    text-align: center;
    margin-bottom: 0px;
}

#modulo-tarjeta .cabecera-plano-fatura-gas .subTitulo {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: "IberPangea Text";
    color: #2C2C2C;
    text-align: center;
    margin-bottom: 32px;
}

#modulo-tarjeta .cabecera-plano-fatura-gas .subTitulo u{
    color: #2F6852;
}

#modulo-tarjeta #modulo-sabermais .tarjeta {
    border-radius: 16px;
    border: 1px solid #D8CFC7;
    position: relative;
    height: auto;
    width: 328px;
    margin: 0 auto;
    padding: 32px;
    margin-bottom: 32px;
}

#modulo-tarjeta #modulo-sabermais #card-body {
    display: flex;
    flex-direction: column;
    align-items: start;
}

#modulo-tarjeta #modulo-sabermais .tarjeta .descuento {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-family: "IberPangea Text";
    color: #007ACB;
    border: 1px solid #007ACB;
    border-radius: 8px;
    display: flex;
    padding: 4px 16px;
}

#modulo-tarjeta #modulo-sabermais .tarjeta .titulo {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    font-family: IberPangea;
    color: #2c2c2c;
    padding: 0;
    margin-bottom: 12px;
}

#modulo-tarjeta #modulo-sabermais .tarjeta .subTituloCaja {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: "IberPangea Text";
    color: #2C2C2C;
    margin-bottom: 32px;
}

#modulo-tarjeta #modulo-sabermais .tarjeta .enlace {
    color: #2F6852;
    margin-bottom: 0;
}

#modulo-tarjeta p a {
    color: #2F6852;
    text-decoration: underline;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-dialog {
    max-width: unset;
    min-width: unset;
    margin: 15px;
    width: 90%;
    width: calc(100% - 30px);
    position: relative;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-content {
    border-radius: 16px;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-header {
    height: 40px;
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    justify-content: end;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-header .close {
    padding: 8px;
    height: 46px;
    top: 0;
    margin-top: 0;
    margin-right: 5px;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: normal;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content {
    display: flex;
    flex-direction: column;
    padding: 0 6%;
}


#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content .titulo-card {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #2c2c2c;
    font-family: 'IberPangea';
    margin-bottom: 8px;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content .texto {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(71, 71, 71, 0.80);
    font-family: 'IberPangea Text';
    margin-bottom: 32px;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content .tarjeta-precio {
    border-radius: 16px;
    background-color: #F9F9F9;
    padding: 24px 20px;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content .tarjeta-precio .check-container {
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
}

#modulo-tarjeta .modulo-cards-services .desconto-azul {
    border: 1px solid #007ACB;
    border-radius: 8px;
    width: 128px;
    display: flex;
    padding: 4px 16px;
    margin: 16px 0px 4px;
}

#modulo-tarjeta .modulo-cards-services .desconto-azul .desconto {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'IberPangea Text';
    color: #007ACB;
    margin: 0px;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content .tarjeta-precio .precio-valor {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    font-family: 'IberPangea';
    color: #2c2c2c;
    margin-bottom: 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content .tarjeta-precio .precio-unidad {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 4px;
}

#modulo-tarjeta .modulo-cards-services .modal .lista-pdfs {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    list-style: none;
    margin: 24px 0px 32px;
    padding: 0;
    gap: 8px;
}

#modulo-tarjeta .modulo-cards-services .modal .lista-pdfs .link-pdf-condiciones-generales,
#modulo-tarjeta .modulo-cards-services .modal .lista-pdfs .link-pdf-condiciones-especificas {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    font-family: 'IberPangea Text';
    color: #2F6852;
    text-decoration: underline;
}

#modulo-tarjeta .modulo-cards-services .modal .lista-pdfs .img-pdf {
    padding-right: 4px;
    margin-bottom: 0px;
}

#modulo-tarjeta .modulo-cards-services .modal .servicios-modal-image {
    background: #F9F9F9;
    padding: 32px 24px 32px 32px;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body .imagem {
    margin-bottom: 12px;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body .info-panel-solar {
    width: 100%;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body .info-panel-solar .incluye {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'IberPangea';
    color: #2C2C2C;
    text-align: left;
    margin-bottom: 16px;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body .info-panel-solar .card-ventajas {
    display: flex;
    flex-direction: row;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body .info-panel-solar .card-ventajas svg {
    padding-right: 8px;
}

#modulo-tarjeta .modulo-cards-services .modal .modal-body .info-panel-solar .card-ventajas .descripcion-ventajas {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'IberPangea Text';
    color: #2C2C2C;
    margin-bottom: 16px;
}

#modulo-tarjeta .modulo-cards-services .sin-iva {
    display: none;
}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    #modulo-tarjeta {
        padding: 40px 42px 32px;
    }

    #modulo-tarjeta #modulo-sabermais .tarjeta {
        width: 492px;
    }

    #modulo-tarjeta .modulo-cards-services .modal .modal-body .imagem {
        width: 488px;
        margin-bottom: 0px;
    }

}

@media screen and (min-width: 992px) {
    #modulo-tarjeta {
        padding: 40px 8.2% 64px;
    }

    #modulo-tarjeta #modulo-sabermais {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #modulo-tarjeta #modulo-sabermais .tarjeta {
        width: 405px;
        margin: 0;
    }


    #modulo-tarjeta .modulo-cards-services .modal .servicios-modal-image {
        display: flex;
        flex-direction: row;
        width: 960px;
        padding: 32px 6%;
    }

    #modulo-tarjeta .modulo-cards-services .modal .modal-body .info-panel-solar {
        width: auto;
    }

}

@media screen and (min-width: 1200px) {
    #modulo-tarjeta {
        padding: 40px 8.55% 64px;
    }

    #modulo-tarjeta #modulo-sabermais{
        justify-content: center;
        gap: 32px;
    }

    #modulo-tarjeta .modulo-cards-services .modal .modal-dialog {
        margin: 30px 120px;
        width: calc(100% - 240px);
    }

    #modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content {
        width: 500px;
        padding: 24px;
    }

    #modulo-tarjeta .modulo-cards-services .modal .servicios-modal-image {
        width: 457px;
        flex-direction: column;
        padding: 24px;
    }

    #modulo-tarjeta .modulo-cards-services .modal .modal-body .imagem {
        width: auto;
    }
}

@media screen and (min-width: 1920px) {
    #modulo-tarjeta {
        padding: 40px 16.9% 64px;
    }

    #modulo-tarjeta .modulo-cards-services .modal .modal-dialog {
        margin: 50px 480px;
        width: 960px;
    }
    #modulo-tarjeta .modulo-cards-services .modal .servicios-modal-content{
        width: 509px;
    }
    #modulo-tarjeta .modulo-cards-services .modal .servicios-modal-image{
        width: 449px;
    }


}