h2 {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
}

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

.container-descuentos-extra {
    padding: 0px 8px;
}

.content-descuentos-extra {
    align-self: stretch;
    height: 236px;
    padding: 16px;
    background: var(--Color-Surface-General-1, white);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
}

.container-descuento {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.content-descuento {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.container-sin-descuento-extra {
    align-self: stretch;
    height: 24px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.content-sin-descuento-extra {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.sin-descuento-extra {
    align-self: stretch;
    text-align: center;
    color: var(--Color-Content-General-1, #2C2C2C);
    word-wrap: break-word;
}

.no-descuentos-aplicables {
    align-self: stretch;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--Color-Neutral-70);
    word-wrap: break-word;
}

.contenedorDesplegableExcedentes {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    width: 100%;
}

.contenedorTituloDesplegable {
    align-self: stretch;
    justify-content: flex-start;
}

.literalExcedentes {
    flex: 1 1 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--Color-Content-General-1, #2C2C2C);
    word-wrap: break-word;
}

.contenedorFlechaDesplegable {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.contenedorFlechaDesplegable img.flecha {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contenedorContenidoDesplegableExcedentes {
    align-self: stretch;
    padding-left: 8px;
    padding-right: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
    width: 100%;
}

.tituloExcedentePlan {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.tituloExcedentePlan span {
    align-self: stretch;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
    word-wrap: break-word;
}

.containerImgInfo {
    width: 24px;
    height: 24px;
}

.contenedor-precios-excedentes {
    align-self: stretch;
    justify-content: flex-start;
    align-items: baseline;
    gap: 4px;
    display: inline-flex;
}

.estiloExcedentesPlan span {
    color: var(--Color-Content-General-1, #2C2C2C);
    word-wrap: break-word;
}

.containerEstiloEstacionalidadPlan .estiloPrecioPlan span {
    color: var(--Color-Neutral-70);
    word-wrap: break-word;
}

.contenedorTituloExcedente {
    width: 24px;
    height: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.contenedorTituloExcedente img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contenedorTituloExcedente img:hover {
    width: 100%;
    height: 100%;
    object-fit: contain;
    content: url(/ibdmedia/Picto/ico-info-hover.svg);
}

.popover {
    display: flex;
    width: 280px;
    padding: var(--size-space-16, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-space-8, 8px);
    border-radius: 8px;
    border: var(--border-width-s, 1px) solid var(--Color-Semantic-Info-1, #007ACB);
    background: var(--Color-Surface-General-1, #FFF);
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-75);
    line-height: var(--size-font-line-height-2xs);
    font-style: var(--font-style-normal);
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before {
    border-bottom-color: var(--Color-Semantic-Info-1, #007ACB);
}

.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
    border-left-color: var(--Color-Semantic-Info-1, #007ACB);
}

.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
    border-top-color: var(--Color-Semantic-Info-1, #007ACB);
}

.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before {
    border-right-color: var(--Color-Semantic-Info-1, #007ACB);
}

.popover-body {
    padding: 0;
}

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

#literalComparador {
    text-align: center;
    margin: 40px 0px 32px 0px;
    display: flex;
    flex-direction: column;
}

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

.background-cabecera-tarjeta-plan {
    padding: 24px 16px;
    display: flex;
    gap: 29px;
    flex-direction: column;
    justify-content: space-between;
}

.cabecera-tarjeta-plan {
    display: flex;
    gap: 29px;
    flex-direction: column;
    justify-content: start;
}

.contendor-contrata-plan {
    display: flex;
    gap: 29px;
    flex-direction: column;
    justify-content: end;
}

.background-descripcion-tarjeta-plan {
    background: var(--Color-Neutral-10);
    padding: 0px 8px 24px;
    /* justify-content: center; */
    justify-content: start;
    display: flex;
    flex-direction: column;
}

.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;
}

.tarjetaPlan {
    display: flex;
    flex-direction: column;
    width: 408px;
    border-radius: var(--border-radius-s, 16px);
    background: #fff;
    border: 1px solid #C8D9D0;
    border-radius: 16px;
    height: fit-content;
    width: 304px;
}

.nombrePlan {
    text-align: center;
    width: 100%;
    margin-bottom: -20px;
    height: 56px;
    align-content: center;
}

.descripcionPreviaPlan {
    text-align: center;
    color: #707070;
    width: 100%;
    height: 54px;
}

.contenedorImagenPlan {
    height: 148px;
}

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

.lineaSeparacion {
    margin: 24px 0px;
    border: 1.5px solid #C8D9D0;
    display: flex;
}

.descripcionPlanTeInteresa {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 60px;
    font-family: "IberPangeaText-Regular";
    color: #000;
    height: auto;
    letter-spacing: 0.2px;
}

.estiloHorasPlan {
    color: var(--Color-Neutral-70);
}

.literalPrecioEnergia {
    display: block;
    padding: 24px 8px;
    align-items: center;
    width: 100%;
}

.labelPrecioEnergia {
    color: var(--Color-Neutral-70);
}

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

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

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

.containerEstiloEstacionalidadPlan{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px; 
}

.estiloEstacionalidadPlan {
    color: #2C2C2C;
}

.contenedorDesplegableHorarioEnergia {
    width: 100%;
}

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

.contenedor-precios-excedentes .estiloPrecioPlan span {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: end;
    color: var(--Color-Content-General-1, #2C2C2C);
}

.contenedor-precios-excedentes .estiloPrecioPlan span.body_smbold_xs {
    margin-bottom: 1px;
}

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

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

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

.literalHorario,
.literalInfoAdicional {
    width: 100%;
}

.contenedorFlechaDesplegable {
    width: 24px;
}

.flecha {
    cursor: pointer;
}

.containerDistribucionHoraria {
    display: flex;
    padding: 0 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

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

.tituloEnergiaPlan {
    color: var(--Color-Neutral-70);
}

.contenedorHorarios {
    padding: 0 8px;
    border-radius: var(--border-radius-l, 16px);
    background: #FFF;
    width: 100%;
}

.contenedorHorarioEnergia {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px 8px;
    align-items: center;
    justify-content: space-between;
}

.horarioEnDias {
    width: 50%;
    text-align: left;
    color: #2C2C2C;
}

.horasAlDia {
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: right;
    color: var(--Color-Neutral-70);
}

.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;
    width: 100%;
}

.contenedorBotonContratarPlan {
    width: 100%;
}

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

.botonContratarPlan {
    display: block;
    padding: 16px 56px;
    border-radius: 100px;
    background: #2F6852;
    color: #FFF;
    text-align: center;
}

.botonContratarPlan:focus {
    color: #FFF;
}

.botonContratarPlan:hover {
    color: #FFF;
}

.contenedorHipervinculoPlan {
    text-align: center;
    margin-top: 24px;
}

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

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

.literalHipervinculoPlan {
    color: #2F6852;
    text-align: center;
    font-weight: 500 !important;
    line-height: 20px !important;
}

.contenedorIconoTickGris {
    width: 7%;
}

.textoInfoAdicional {
    width: 100%;
}

.quitarMargenesBarraSeparacion {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid var(--Color-Border-General-1, #C8D9D0);
}

#contenedorAbajoTarjeta {
    display: flex;
    flex-direction: column;
    height: auto;
}

/* Checkbox */

.contenedorImpuestosTarjetas {
    display: flex;
    flex-direction: column;
    margin: 0px 16px 32px 16px;
    justify-content: center;
    width: 100%;
}


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

#switch-iva {
    display: none;
}

.textoSwitch {
    width: 149px;
}

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

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

#switch-iva:checked~.switch {
    background-color: #00A443;
    width: 40px;
    height: 24px;
}

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

/* boton */

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

#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;
    letter-spacing: 0.5px;
}

#contenedorTabTarjetas {
    display: none;
}

.cintilloAzulPopular {
    width: 100%;
    padding: 8px 16px;
    align-items: center;
    border-radius: 0px 0px 16px 16px;
    background: var(--Color-Category-General-2, #B3E4C7);
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    position: relative;
    bottom: 37px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

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

/*
* Inicio módulo descuentos
*/
.modulo-descuentos-total {
    padding: 0 8px;
}

.contenedor-modulo-descuentos-total {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 236px;
    background-color: #dcebe1;
    border-radius: 8px;
    justify-content: center;
    padding: 16px;
}

.contenedor-titulo-icono {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.valor-descuento {
    display: flex;
    justify-content: space-between;
    padding: 16px 8px;
    gap: 16px;
}

.icono-descuento {
    position: relative;
    width: 24px;
    height: 24px;
}

.contenedor-titulo-y-subtitulo-descuento {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titulo-descuento {
    color: #2c2c2c;
}

.subtitulo-descuento {
    color: #707070;
}

.separador-linea {
    margin: 0;
    border-top: 2px solid #C8D9D0;
}

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

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

.texto-tarjeta {
    color: #2c2c2c;
}

.porcentaje {
    color: #707070;
}

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

.textoImpuestosTarjetas {
    color: var(--Color-Content-General-1, #2C2C2C);
}

.subtituloComparador {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    width: 100%;
}

@media(min-width: 992px) {
    .lineaSeparacion {
        width: 245px;
    }

    .contenedor-modulo-descuentos-total {
        width: 230px;
        min-height: 276px;
    }

    .content-descuentos-extra {
        height: 276px;
    }
}

/*
* Fin módulo descuentos
*/

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

@media (min-width: 992px) and (max-width: 1199px) {
    .literalPrecioEnergia {
        font-size: 17.9px !important;
    }
    .tarjetaPlan {
        width: 260px;
    }

    .contenedorImpuestosTarjetas {
        gap: 373px;
        align-items: center;
        flex-direction: row;
    }

    /* .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) {
    .lineaSeparacion {
        width: 295px;
    }

    .contenedorImpuestosTarjetas {
        align-items: center;
        gap: 149px;
        flex-direction: row;
    }

    .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) {
    .lineaSeparacion {
        width: 288px;
    }

    .contenedorImpuestosTarjetas {
        margin: 0px 48px 32px 48px;
    }

    .tarjetaPlan {
        width: 304px;
    }

    .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: 304px;
    }

    .cintilloAzulPopular {
        width: 272px;
    }

    .descripcionPreviaPlan {
        font-size: 14px;
    }

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

    .contenedorImagenPlan {
        margin-left: auto;
        margin-right: auto;
    }

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

    .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_PNZO"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-planazo.webp);
    }

    .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/21601727/img-plan-solar.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.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.webp);
    }

    .tarjetaPlan[idPlan="C_L_PVEL"] .contenedorImagenPlan .imagenPlan {
        content: url(/documents/20122/21601727/img-plan-vehiculo-electrico.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) {
    .nombrePlan {
        height: auto;
    }

    .contenedor-modulo-descuentos-total{
        width: 100%;
        min-height: 204px;
    }
    .contenedor-packs {
        width: 185px;
    }

    .content-descuentos-extra {
        height: 204px;
    }
    .lineaSeparacion {
        width: 298px;
    }

    .contenedorImpuestosTarjetas {
        gap: 541px;
        align-items: center;
        flex-direction: row;
    }

    .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) {
    .lineaSeparacion {
        width: 393px;
    }

    .contenedorImpuestosTarjetas {
        justify-content: space-between;
        flex-direction: row;
    }

    .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-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);
    }
}


div#comparadorPlanes--padding-top {
    padding-top: 0px;
}

#contenedorContenidoTabs {
    width: 100%;
}

#comparadorPlanes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    overflow: hidden;

    .swiper {
        width: 100%;
        height: auto;
        padding-bottom: calc(32px + 32px);
        overflow: visible;
        
        .item {
            min-width: 304px;
            width: 304px;
            max-width: 304px;
            height: auto;
            box-sizing: content-box;
            z-index: 999;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
            border-radius: var(--border-radius-l, 16px);
            border: 1px solid var(--Color-Border-General-1, #D8CFC7);
            background: var(--Color-Surface-General-1, #FFF);
            overflow: hidden;

        }

        .swiper-pagination-bullet {
            border: 1px solid #2F6852 !important;
            background:white !important;
            width: 8px;
            height: 8px;
            opacity: 1;
            margin: 0 4px;
        }

        .swiper-pagination-bullet-active {
            background-color: #2F6852 !important;
        }

        .swiper-button-prev,
        .swiper-button-next {
            display: none;
        }
    }

}


@media (min-width: 576px) {
    #comparadorPlanes {
        padding: 24px 48px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: flex !important;
        width: 64px !important;
        height: 64px !important;
    }

    .swiper-button-prev {
        left: -7.5vw !important;
    }

    .swiper-button-next {
        right: -7.5vw !important;
    }

    .swiper-button-prev::after {
        background-image: url('/ibdmedia/ibdcomes/hogares/luz/distributiva/img/ico-swiper-button-prev.svg');
        background-size: contain;
        width: 64px;
        height: 64px;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

    .swiper-button-next::after {
        background-image: url('/ibdmedia/ibdcomes/hogares/luz/distributiva/img/ico-swiper-button-next.svg');
        background-size: contain;
        width: 64px;
        height: 64px;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }
}

@media (min-width: 768px) {
    #comparadorPlanes {
        padding: 24px 82px;
    }
}

@media (min-width: 992px) {

    #tarjetasPlanesComparadorWrapper {
        width: 100%;
        display: flex;
        align-items: flex-start;
        gap: var(--size-space-24);
        align-self: stretch;
        justify-content: center;
    }

    .swiper-slide.item {
        display: flex;
        flex-direction: row;
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        border: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    .swiper {
        .swiper-button-prev::after,
        .swiper-button-next::after,
        .swiper-pagination {
            display: none;
        }
    }

}

@media (min-width: 1200px) {
    #comparadorPlanes {
        padding: 24px 102px;

                .swiper-slide.item {
                    display: flex;
                    width: 317px !important;
                    min-width: 317px !important;
                    max-width: 317px !important;
                }

    }
}



@media (min-width: 1920px) {
    #comparadorPlanes {
        padding: 24px 324px;
        
        .swiper {
                .swiper-slide.item {
                    display: flex;
                    width: 408px !important;
                    min-width: 408px !important;
                    max-width: 408px !important;
                    gap: 24px;

                }
        }
    }
}

.no-select {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* Estándar */
    cursor: default;
}