h2 {
    font-family: "IberPangea-Regular" !important;
    font-weight: 600;
}

body .ibd {
    font-family: "IberPangeaText-Regular" !important;
}

#comparadorPlanes{
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 64px;
}

#literalComparador{
    text-align: center;
    margin: 40px 0 32px 0;
}

#contenedorTabTarjetas{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    transition: transform 0.5s ease;
}

.contenedorPlanTab {
    border: #707070 1px solid;
    border-top: none;
    padding: 16px 0;
    text-align: center;
    cursor: pointer;
}

.tab-1 {
    border-left: none;
    border-right: none;
}

.tab-2 {
    border-right: none;
    border-left: none;
}

.tab-3 {
    border-right: none;
    border-left: none;
}

.estiloPlanYSeparador{
    margin: 0;
    padding: 0;
    border-right: #707070 1px solid;
}

.estiloPosicionActualTab {
    border-bottom: 2px solid rgb(0, 164, 67);
    position: relative;
    top: -1px;
}

#tarjetasPlanesComparador{
    display: flex;
    justify-content: center;
    gap:32px;
    transition: transform 0.5s ease;
}

.tarjetaPlan{
    display: flex;
    flex-direction: column;
    width: 405px;
    border-radius: var(--border-radius-s, 16px);
    background: #F9F9F9;
    padding: 16px;
    height: fit-content;
}

.nombrePlan{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    text-align: center;
    margin-bottom: 5px;
    font-family: "IberPangea-Regular";
}

.descripcionPreviaPlan{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    text-align: center;
    color: #707070;
    height: 36px;
    font-family: "IberPangeaText-Regular";
}

.contenedorImagenPlan{
    margin: 32px 0;
    height: 148px;
}

.imagenPlan{
    width: 373px;
    height: 148px;
    border-radius: 16px;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.lineaSeparacion{
    margin: 24px 0;
}

.descripcionPlanTeInteresa{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    height: 60px;
    font-family: "IberPangeaText-Regular";
}

.literalPrecioEnergia{
    display: block;
    padding: 16px 8px;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    font-family: "IberPangeaText-Regular";
}

.labelPrecioEnergia {
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-50);
    font-weight: var(--font-weight-regular);
    line-height: var(--size-font-line-height-3xs);
    font-style: var(--font-style-normal);
    color: var(--Color-Content-General-2, #707070);
}

.contenedorTipoUno, .contenedorEstacionalidad{
    display: flex;
    flex-direction: row;
    height: 64px;
    gap: 8px;
}

.contenedorEstacionalidad{
    height: 62px;
    align-items: center;
}

.contenedorImagenEstacionalidad{
    position: relative;
    bottom: 10px;
}

.estiloHoras{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.estiloPrecioPlan{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
    font-family: "IberPangeaText-Regular";
}

.contenedorTituloDesplegable{
    display: flex;
    padding: 16px 8px;
    align-items: center;
    flex-direction: row;
    gap: 16px;
}

.contenedorContenidoDesplegableEnergia{
    display: flex;
    flex-direction: column;
    gap:32px;
}

.literalHorario, .literalInfoAdicional{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    width: 94%;
    font-family: "IberPangea-Regular";
}

.contenedorFlechaDesplegable{
    width: 6%;
}

.flecha{
    cursor: pointer;
}

.contenedorTituloEnergia{
    display: flex;
    flex-direction: row;
    gap:6px;
}

.tituloEnergiaPlan{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
    font-family: "IberPangea-Regular";
}

.contenedorHorarios{
    padding: 8px;
    border-radius: var(--border-radius-s, 16px);
    background: #FFF;
    margin-top:16px;
}

.contenedorHorarioEnergia{
    display: flex;
    flex-direction: row;
    gap:16px;
    border-radius: var(--border-radius-s, 16px);
    background: #FFF;
    padding: 16px 8px;
    align-items: center;
    justify-content: center;
}

.horarioEnDias{
    width: 50%;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    font-family: "IberPangeaText-Regular";
}

.horasAlDia{
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    color: #707070;
    font-family: "IberPangeaText-Regular";
}

.contenedorInfoAdicionalConImagen{
    display: flex;
    flex-direction: row; 
    gap:5px;
}

.tickInfoAdicional{
    width: 24px;
}

.contenidoDesplegableInfoAdicional{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rotarFlecha {
    transform: rotate(180deg);
}

.contenidoPrecioEnergias{
    display: flex;
    flex-direction: column;
    /*height: calc(64px* 3);*/
}

.contenedorBotonContratarPlan{
    margin-top: 24px;
}

.contenedorBotonUltimoContratar{
    margin-top: 8px;
    margin-bottom: 32px;
}

.botonContratarPlan{
    display: block;
    padding: 16px 56px;
    border-radius: 100px;
    background: #2F6852;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color:  #FFF;
    text-align: center;
    font-family: "IberPangeaText-Regular";

}

.botonContratarPlan:focus{
    color:  #FFF;
}

.botonContratarPlan:hover{
    color:  #FFF;
}

.contenedorHipervinculoPlan{
    text-align: center;
}

.hipervinculoPlan{
    color: #2F6852;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.hipervinculoPlan:hover{
    color: #2F6852;
}

.literalHipervinculoPlan{
    color: #2F6852;
    text-decoration-line: underline;
    font-family: "IberPangeaText-Regular";
}

.contenedorIconoTickGris{
    width: 7%;
}

.textoInfoAdicional{
    width: 93%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.quitarMargenesBarraSeparacion{
    margin-top: 0;
    margin-bottom: 0;
}

#contenedorAbajoTarjeta{
    display: flex;
    flex-direction: column;
    /* flex: 1 0 0; */
    /* justify-content: flex-end; */
    height: auto;
}

/* Checkbox */

.contenedorImpuestosTarjetas{
    display: flex;
    flex-direction: row;
    margin:64px 0px 32px 0px;
    justify-content: center;
    align-items: center;
}

#switch-iva{
    display: none;
}

.textoSwitch{
    width: 149px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-family: "IberPangeaText-Regular";
}

.switch{
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
    background-color: #AAAAAA;
    border-radius: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 0;
    margin-left: 8px !important;
    position: relative;
    top: 4px;
}

.switch::after{
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: white;
    top: 1px;
    left: 19px;
    transition: all 0.3s;
}

#switch-iva:checked ~ .switch{
    background-color: #8ABD37;
}

#switch-iva:checked ~ .switch::after{
    left: 1px;
}

/* boton */

.contenedorBotonCompararRedire{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:64px;
}

#botonRedireccionComparador{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: #2F6852 solid 2px;
    background: rgba(255, 255, 255, 0.00);
    width: 257px;
    height: 56px;
    padding: 0 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #2F6852;
    text-align: center;
}

#contenedorTabTarjetas{
    display: none;
}

.cintilloAzulPopular{
    width: 100%;
    padding: 8px 16px;
    align-items: center;
    border-radius: 0px 0px 16px 16px;
    background: #007ACB;
    color: white;
    text-align: center;
    position: relative;
    bottom: 37px;
}

#botonRedireccionComparador {
    font-family: "IberPangea-Regular";
}

/*
* Inicio módulo descuentos
*/
.contenedor-modulo-descuentos-total{
    display: flex;
    flex-direction: column;
    width: 311px;
    height: auto;
    background-color: #dcebe1;
    border-radius: 8px;
    justify-content: center;
    padding: 16px;
}
.contenedor-titulo-icono{
    display: flex;
    flex-direction: row;
}
.valor-descuento{
    display: flex;
    justify-content: space-between;
    padding: 16px 8px;
}
.icono-descuento{
    position: relative;
    top: -10px;
    width: 24px;
}
.contenedor-titulo-y-subtitulo-descuento{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.titulo-descuento{
    font-family: IberpangeaText-Regular;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #2c2c2c;
}

.subtitulo-descuento{
    font-family: IberpangeaText-Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #707070;
}

.separador-linea{
    margin: 0;
}

.contenedor-packs-porcentaje{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 8px  0px 8px;
    align-items: center;
}

.contenedor-packs{
    display: flex;
    flex-direction: column;
}

.texto-tarjeta{
    font-family: IberpangeaText-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #2c2c2c;
}

.porcentaje{
    font-family: IberpangeaText-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #707070;
}

.explicacion-descuento{
    font-family: IberpangeaText-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #2c2c2c;
    margin-top: 18px;
}

@media(min-width: 992px){
    .contenedor-modulo-descuentos-total{
        width: auto;
        height: auto;
    }
}
/*
* Fin módulo descuentos
*/

@media (min-width: 1200px) and (max-width: 1400px) {
.tarjetaPlan{
        width: 312px;
    }

    .imagenPlan{
        width: 280px;
        height: 148px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
       .tarjetaPlan{
        width: 254px;
    }



    .descripcionPlanTeInteresa{
        height: 100px;
    }

    .contenedorImagenPlan[tituloDesborda="false"]{
        margin: 64px 0px 32px 0px;
    }

    
    .tarjetaPlan[idPlan="C_L_PAS"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/plan-ahorro-solar-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PEST_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-estable-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PONL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-noche-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PE8H"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-elige-8h-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PFAM"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-familias-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-verano-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PINV"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-invierno-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PSOL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-solar-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVEL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-veh-elec-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-noche-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNEG_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-comercio-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_P3PE"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3-periodos-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PO3P"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-3-per-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAI"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-ahorro-int-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PESTA"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PMAH"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-mas-ahorro-992.webp);
    }

    .tarjetaPlan[idPlan="C_L_PEST_VER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-verde-992.webp);
    }

    
}

@media (min-width: 768px) and (max-width: 991px) {
    .tarjetaPlan{
        width: 312px;
    }

    .contenedor-modulo-descuentos-total{
        width: 280px;
    }

    #contenedorTabTarjetas{
        display: flex;
    }

    #tarjetasPlanesComparador{
        width: 1000px;
        overflow-x: scroll
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .tarjetaPlan{
        width: 312px;
    }

    .contenedor-modulo-descuentos-total{
        width: 280px;
    }
    #contenedorTabTarjetas{
        display: flex;
    }

    #tarjetasPlanesComparador{
        width: 1012px;
        overflow-x: scroll
    }

}

@media (min-width: 576px) and (max-width: 991px) {
     

    .tarjetaPlan[idPlan="C_L_PEST_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-estable-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAS"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/plan-ahorro-solar-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PONL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-noche-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PE8H"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-elige-8h-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PFAM"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-familias-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-verano-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PINV"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-invierno-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PSOL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-solar-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVEL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-veh-elec-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-noche-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNEG_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-comercio-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_P3PE"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3-periodos-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PO3P"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-3-per-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAI"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-ahorro-int-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PESTA"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PMAH"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-mas-ahorro-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PEST_VER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-verde-576.webp);
    }
}

@media (min-width: 0px) and (max-width: 575px) {
    .tarjetaPlan{
        width: 330px;
    }

    .cintilloAzulPopular{
        width: 296px;
    }

    .descripcionPreviaPlan {
        font-size: 14px;
    }

    #contenedorTabTarjetas{
        display: flex;
        width: 190%;
    }

    .contenedorImagenPlan {
        width: 296px;
        margin-left: auto;
        margin-right: auto;
    }

    #tarjetasPlanesComparador{
        width: 1075px;
        overflow-x: scroll;
        gap: 28px;
    }

    .tab-1 {
        border-left: none;
        border-right: none;
        width: calc(96% / 3);
    }
    
    .tab-2 {
        border-right: none;
        width: calc(96% / 3);
    }
    
    .tab-3 {
        border-right: none;
        width: calc(96% / 3);
    }
    .tarjetaPlan[idPlan="C_L_PEST_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-estable-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PAS"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/28799756/plan-ahorro-solar-360-comparador.webp);
    }
    .tarjetaPlan[idPlan="C_L_PONL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PNOC"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-noche-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PE8H"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-elige-8h-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PFAM"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-familias-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PVER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-verano-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PINV"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-invierno-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PSOL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-solar-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PVEL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-veh-elec-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PNOC_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-noche-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PNEG_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-comercio-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_P3PE"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3-periodos-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PO3P"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-3-per-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PAI"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-ahorro-int-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PESTA"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PMAH"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-mas-ahorro-360.webp);
    }
    
    .tarjetaPlan[idPlan="C_L_PEST_VER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-verde-360.webp);
    }
}

@media (min-width: 1200px) {
    .botonContratarPlan {
        width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    .tarjetaPlan[idPlan="C_L_PEST_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-estable-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAS"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/plan-ahorro-solar-576.webp);
    }

    .tarjetaPlan[idPlan="C_L_PONL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-noche-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PE8H"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-elige-8h-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PFAM"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-familias-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-verano-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PINV"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-invierno-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PSOL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-solar-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVEL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-veh-elec-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-noche-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNEG_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-comercio-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_P3PE"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3-periodos-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PO3P"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-3-per-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAI"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-ahorro-int-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PESTA"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PMAH"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-mas-ahorro-1200.webp);
    }

    .tarjetaPlan[idPlan="C_L_PEST_VER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-verde-1200.webp);
    }
}


@media (min-width: 1920px) {
    .botonContratarPlan {
        width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .descripcionPreviaPlan {
        width: 373px;
    }
    .tarjetaPlan[idPlan="C_L_PEST_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-estable-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAS"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/plan-ahorro-solar-768.webp);
    }

    .tarjetaPlan[idPlan="C_L_PONL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-noche-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PE8H"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-elige-8h-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PFAM"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-familias-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-verano-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PINV"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-invierno-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PSOL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-solar-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVEL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-veh-elec-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNOC_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-noche-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PNEG_3TD"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3.0-comercio-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_P3PE"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-3-periodos-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PO3P"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-online-3-per-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PAI"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-ahorro-int-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PESTA"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PMAH"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-mas-ahorro-1920.webp);
    }

    .tarjetaPlan[idPlan="C_L_PEST_VER"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-estable-verde-1920.webp);
    }
}