*,
.ltpopup-content {
    box-sizing: border-box
}

.form-label>a,
.ltfaqs__section .ltfaqs__viewmore {
    text-decoration: underline;
    cursor: pointer
}

.active,
.flex,
.hero-form,
.lt-accordion-content.toggleactive,
.lt__parent.lt__parent--active,
.lt__subparent.lt__subparent--active,
.plan-cards-container.active,
.stefa_carrousel_magento.active#version_2_magenta_parrillas,
.sticky-form,
.toggle-container.toggleactive,
.wifi-extender-app-stores {
    display: block
}

.lt__subtab-item.lt__subtab-item--active,
.lt__tab-item.lt__tab-item--active {
    border-bottom: 1px solid #019df4
}

.faq-input:checked+.faq-label .faq-toggle,
.lt-toggle-icon {
    transform: rotate(180deg)
}

.dev-banner-container {
    height: 500px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.dev-banner__inner {
    width: 100%;
    max-width: 1280px;
    padding: 20px 25px;
    position: relative
}

.dev-banner__fondo-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width:580px) {
    .dev-banner-container {
        height: 500px
    }
}

.toggle-container {
    transition: height .35s ease-in-out;
    overflow: hidden;
    display: none
}

.lt-accordion-content {
    transition: height .34s ease-in-out;
    overflow: hidden;
    display: none
}

.dev-banner__fondo-pic,
.lt-accordion-title {
    cursor: pointer
}

[lt-accordion]>li {
    list-style: none
}

[lt-accordion]>*>* {
    margin: 0
}

.lt-toggle-icon {
    width: 13px;
    height: 13px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23019bf2' viewBox='0 0 512 512'%3E%3Cpath d='M255.5 115.2a28 28 0 0 0-19.1 8.3L9.2 350.7a28.3 28.3 0 1 0 40 40l206.3-206.3 206.3 206.3a28.3 28.3 0 1 0 40-40L274.6 123.5c-5.3-5.3-12.2-8-19.1-8.3z'/%3E%3C/svg%3E");
    background-size: cover;
    transition: .5s
}

.link__toggleactive>.lt-toggle-icon,
.lt-accordion-title.accordion_link_active .lt-toggle-icon {
    transform: rotate(0)
}

.lt__subtabs,
.lt__tabs {
    display: flex;
    z-index: 2;
    position: relative;
    margin: unset;
    padding: 0;
    margin-bottom: 16px
}

.lt__subtab-item,
.lt__tab-item {
    cursor: pointer;
    list-style: none;
    padding: 5px;
    display: flex;
    justify-content: center
}

.lt__parent,
.lt__subparent {
    display: none;
    padding: 10px
}

.ltpopup-wp {
    position: fixed;
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    z-index: 1000;
    transition-timing-function: ease-in-out;
    transition-duration: .3s
}

.ltpopup-body {
    background: #d3d3d3;
    position: relative;
    z-index: 1100;
    display: block;
    margin: auto;
    width: 280px;
    height: 436px
}

.ltpopup-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 20px 20px
}

.ltpopup-exit-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 2
}

.ltpopup-close-img {
    width: 24px;
    height: 24px;
    fill: #fff
}

.ltpopup-wp.visible {
    opacity: 1;
    visibility: visible
}

.ltpopup-wp.hide {
    visibility: hidden;
    opacity: 0;
    z-index: -2
}

.banner-portabilidad-test .swiper-container,
.ltpopup-info {
    position: relative
}

.stefa_carrousel_magento#version_2_magenta_parrillas {
    display: none
}

.stefa_carrousel_magento .lt__parent {
    padding-top: 1.2em
}

.hunter__body {
    position: fixed;
    bottom: 60px;
    right: 0;
    background-color: #4d4d4d;
    padding: 16px;
    z-index: 2;
    width: 415px;
    height: 215px;
    border-radius: 16px 0 0 16px
}

.hunter__close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 2
}

.hunter__inner img {
    width: auto;
    height: auto;
    max-height: 100%
}

.hunter__inner {
    height: 100%
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    bottom: 0
}

.swiper-container {
    padding-bottom: 20px
}

.lt-swiper-nav {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2
}

.lt-button-next.lt-swiper-nav {
    position: absolute;
    right: 0
}

.lt-button-prev.lt-swiper-nav {
    position: absolute;
    left: 0
}

.lt-swiper-nav.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.ltfaqs__section {
    padding: 32px 16px;
    display: flex;
    justify-content: center
}

.ltfaqs__section .ltfaqs__title {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    color: #50535a;
    margin-bottom: 36px
}

.ltfaqs__section .ltfaqs__list {
    list-style: none;
    padding: 0
}

.ltfaqs__section .ltfaqs__inner {
    width: 100%;
    max-width: 340px
}

.ltfaqs__section .lt-accordion-title {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    position: relative
}

.ltfaqs__section .ltfaqs__list>li {
    border-bottom: 1px solid #d3d4d3
}

.ltfaqs__section .lt-accordion-number {
    border-radius: 100px;
    background: #d3d4d3;
    width: 32px;
    height: 32px;
    color: #50535a;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center
}

.ltfaqs__section .lt-accordion-titlelabel {
    color: #50535a;
    font-size: 14px;
    font-weight: 400;
    line-height: 142%;
    max-width: 70%;
    margin-left: 10px;
    margin-bottom: 0
}

.ltfaqs__section .lt-toggle-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

.ltfaqs__section .lt-accordion-content {
    margin: 0 30px;
    font-size: 16px;
    color: #50535a
}

.ltfaqs__section .accordion_link_active .lt-accordion-number {
    background: #019df4;
    color: #fff
}

.ltfaqs__section .accordion_link_active .lt-accordion-titlelabel,
.regular-price-text {
    font-weight: 700
}

.ltfaqs__section .ltfaqs__viewmore {
    font-size: 18px;
    font-weight: 700;
    margin-top: 12px;
    color: #019df4;
    text-align: center
}

.ltfaqs__section .ltfaqs__viewmore:hover {
    color: #019df4
}

.banner-portabilidad-test .lt-button-next.lt-swiper-nav,
.banner-portabilidad-test .lt-button-prev.lt-swiper-nav,
.banner-portabilidad-test .swiper-button-next.lt-button-next.svg--boton--next::after,
.banner-portabilidad-test .swiper-button-prev.lt-button-prev.svg--boton--prev::after,
.banner-portabilidad-test-contenido__form,
.coverage-option,
.coverage-option-content,
.dev-banner-container.stefa-ocultar-regiones,
.faq-input,
.hidden,
.ltfaqs__section .ltfaqs__morebtn .ltfaqs__viewmore.minus,
.ltfaqs__section .ltfaqs__morebtn.link__toggleactive .ltfaqs__viewmore.more,
.stefa_section_carrouselv2--parrillas.ocultar-parrilla,
.swiper-notification,
[lt-toggle] .minus,
[lt-toggle].link__toggleactive .more {
    display: none
}

#costa-tab:checked~.coverage-options-content .coverage-option-content#costa,
#selva-tab:checked~.coverage-options-content .coverage-option-content#selva,
#sierra-tab:checked~.coverage-options-content .coverage-option-content#sierra,
.banner-portabilidad-test-contenido__form.show,
.ltfaqs__section .ltfaqs__morebtn.link__toggleactive .ltfaqs__viewmore.minus,
.stefa-beneficios-planes-contenido-cintillo__form.show,
.wifi-extender-title>span {
    display: block
}

.stefa_carrousel_general_bottom .swiper-pagination.dots-solo.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
    transform: translate(-50%, 66px);
    left: 50%;
    position: relative
}

[lt-toggle].link__toggleactive .minus {
    display: inline
}

.stefa_section_title_carrouselv2--box {
    padding-top: 2em;
    max-width: 501px;
    width: auto;
    display: flex;
    flex-direction: column
}

.stefa_section_title_carrouselv2--box h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    text-align: center
}

.stefa_section_title_carrouselv2--box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.01em;
    text-align: center
}

.stefa_section_tabs--carrouselv2 {
    width: 618px;
    height: 60px;
    padding: 0 8px;
    border-radius: 8px;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 10px;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(56, 100, 166, .2)
}

.stefa_container-item-swiper,
.stefa_container2-item-swiper,
.stefa_container2-noheader-item-swiper {
    height: auto;
    border-radius: 16px;
    box-shadow: 0 5px 22px 0 rgba(11, 39, 57, .12);
    width: 255px;
    margin-top: 1em;
    display: flex
}

.stefa_section_tabs--carrouselv2 .lt__tab-item--active {
    background: #0b2739 !important;
    color: #fff
}

.stefa_section_tabs--carrouselv2 .lt__tab-item {
    background: #f6f6f6;
    width: 143px;
    height: 44px;
    padding: 12px 24px;
    gap: 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left
}

.stefa_section_tabs--carrouselv2>* {
    flex-shrink: 0;
    margin-right: 8px
}

.stefa_container-item-swiper {
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.stefa_container2-item-swiper,
.stefa_container2-noheader-item-swiper {
    flex-direction: column;
    align-items: center;
    justify-content: start;
    transition: height .3s
}

#item1,
#item2,
#item3,
#item4,
#item5,
#item6,
#item7,
#item8 {
    height: 380px
}

.stefa_container2-item-swiper.expanded #toggle-accordion::after,
.stefa_container2-noheader-item-swiper.expanded #toggle-accordion::after {
    transform: rotate(224deg) translate(-5px, -5px)
}

.stefa_container2-item-swiper.expanded {
    height: 645px !important
}

.stefa_container2-noheader-item-swiper.expanded {
    height: 612px !important
}

.stefa_container-header-swiper {
    padding: 6px 16px;
    background: #a13ea1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 12px 12px 0 0;
    width: 255px;
    height: 48px
}

.stefa_container-header-swiper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    width: 90px;
    height: 36px
}

.stefa_container-body-noHeader-swiper,
.stefa_container-body-swiper {
    width: 255px;
    height: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 4px
}

.stefa_container-body-swiper .first-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: .08em;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase
}

.second-item-flexbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    width: 223px;
    height: 152px;
    gap: 11px;
    margin-top: 1em
}

.stefa-flexbox-left {
    width: 117px;
    height: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
    border-right: 1px solid #d3d4d3
}

.stefa-flexbox-left p {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0
}

.stefa-flexbox-left span {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 8px
}

.stefa-flexbox-left .text-oppacity {
    font-size: 10px;
    font-weight: 400;
    line-height: 12.5px;
    text-align: center;
    width: 48px
}

.stefa-flexbox-right {
    width: 84px;
    height: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.stefa-flexbox-right .price {
    font-size: 14px;
    line-height: 17.5px;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase
}

.stefa-flexbox-right .price span {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: center
}

.stefa-flexbox-right .mounths {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.stefa-flexbox-right span {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    margin-bottom: 1em
}

.stefa-flexbox-right .circle-blue {
    width: 66px;
    height: 24px;
    padding: 0 6px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    background: #e6f5fd
}

a.stefa_enlace-comprarOnline--parrilla {
    width: 223px;
    height: 40px;
    padding: 8px 32px;
    border-radius: 60px;
    background: #019df4;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    margin: 14px 0
}

.stefa_text-info-oferta--font {
    transform: translateY(-5px)
}

.stefa_info-item-oferta--velocidad {
    width: 223px;
    height: 65px;
    padding: 12px 0 0;
    border-top: 1px solid #ddd;
    margin-top: 1em;
    display: flex;
    align-items: baseline;
    justify-content: start;
    gap: 10px
}

.form-cta:hover,
.stefa_enlace-comprarOnline--parrilla:hover {
    background-color: #008edd;
    color: #fff
}

.stefa_flexbox-tvFull--parrillas {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: row;
    gap: 15px;
    margin: 5px 0
}

.stefa_flexbox-tvFull11--parrillas,
.stefa_flexbox-tvFull22--parrillas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.stefa_text-info-oferta--font p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left
}

.stefa_section_carrouselv2--item1-lib-parr .swiper-container {
    padding-bottom: 40px
}

.stefa_container-body-noHeader-swiper .first-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase
}

.stefa_container-body-noHeader-swiper .stefa-flexbox-left {
    width: 126px
}

.stefa-flexbox-left .price-before {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #86888c
}

.stefa_section-tyc--parrillas {
    height: 51px;
    gap: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translate(0, 45px);
    margin-bottom: 5em
}

.stefa_section-tyc--parrillas .enlace {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #50535a
}

.stefa_section-tyc--parrillas .stefa_enlace-tyc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #019df4;
    text-decoration: underline;
    cursor: pointer
}

.stefa_section-tyc--parrillas .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left
}

#swiper-item-flexbox {
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .banner-portabilidad-test__ilustracion {
        width: 100%;
        height: 266px !important;
        border-radius: 16px !important
    }

    .ltfaqs__section .ltfaqs__inner {
        max-width: 700px
    }

    .ltfaqs__section {
        padding: 32px
    }

    .ltfaqs__section .ltfaqs__title {
        font-size: 38px;
        margin-bottom: 12px;
        padding: 24px 0
    }

    .ltfaqs__section .lt-accordion-titlelabel {
        max-width: 80%;
        font-size: 18px
    }

    .stefa_section_tabs--carrouselv2 {
        min-width: 650px
    }

    .stefa_section_title_carrouselv2--box {
        min-width: 100%
    }

    .stefa_container-header-swiper {
        height: 36px
    }

    .stefa_container-header-swiper p {
        width: 151px;
        height: 18px
    }
}

@media (min-width:1200px) {
    .swiper-container-autoheight .swiper-wrapper {
        height: auto !important
    }
}

@media (min-width:1280px) {
    #banner-1-titulo {
        height: 64px !important;
        margin-bottom: 0
    }

    .ltfaqs__section .ltfaqs__inner {
        max-width: 1024px
    }

    .ltfaqs__section .lt-accordion-title {
        margin-top: 12px
    }
}

.accordion-content {
    display: none;
    overflow: hidden;
    transition: max-height .3s;
    max-height: 0
}

.accordion-content.active {
    display: block;
    max-height: 222px
}

a#toggle-accordion {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    text-align: center;
    color: #019df4;
    position: absolute;
    bottom: 10px;
    transform: translateX(80px);
    cursor: pointer
}

a#toggle-accordion::after {
    position: absolute;
    right: -20px;
    top: -7px;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-top: 8px;
    border-right: 2px solid #019df4;
    border-bottom: 2px solid #019df4;
    transform: rotate(45deg);
    border-radius: 1px;
    content: "";
    transition: transform .3s ease-in-out
}

.form-cta,
.plan-option {
    text-decoration: none;
    cursor: pointer
}

.coverage-option+label,
.plan-options {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    text-align: center
}

.faq-question,
.faq-title {
    font-feature-settings: "clig"off, "liga"off
}

@font-face {
    font-family: Telefonica;
    font-style: normal;
    font-weight: 300;
    src: url("https://scwebpublicaresid1dev.blob.core.windows.net/multimedia/documents/37905/21214318/'Telefonica'.woff2") format("woff2")
}

@font-face {
    font-family: Telefonica;
    font-style: normal;
    font-weight: 400;
    src: url("https://scwebpublicaresid1dev.blob.core.windows.net/multimedia/documents/37905/21214318/'Telefonica'.woff2") format("woff2")
}

@font-face {
    font-family: Telefonica;
    font-style: normal;
    font-weight: 700;
    src: url("https://scwebpublicaresid1dev.blob.core.windows.net/multimedia/documents/37905/21214318/'Telefonica'.woff2") format("woff2")
}

body {
    margin: 0
}

.internet-home-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 80px
}

.hero-section {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    width: 100%
}

.hero-content,
.hero-content-header {
    align-items: center;
    display: flex;
    width: 100%
}

.hero-content,
.plan-card {
    flex-direction: column;
    overflow: hidden
}

.hero-content-header {
    align-self: center;
    background-color: #fff;
    color: #313235;
    justify-content: center
}

.hero-content-header-wrapper {
    display: grid;
    font-weight: 400;
    gap: 32px;
    grid-template-columns: 1fr 1fr;
    max-width: 1280px;
    position: relative;
    width: 100%
}

.form-cta,
.hero-tag {
    width: fit-content;
    font-family: Telefonica
}

.hero-tag {
    background-color: #e6f5fd;
    border-radius: 4px;
    color: #019bef;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 4px
}

.hero-subtitle,
.hero-title,
.plan-card-benefits-subtitle,
.plan-card-benefits-title>span,
.sticky-action-text,
.sticky-bar-price {
    font-family: Telefonica;
    font-weight: 400
}

.form-cta,
.form-input-field {
    padding: 12px 16px;
    outline: 0
}

.hero-title {
    font-size: 32px;
    line-height: 40px;
    margin: 8px 0 12px
}

.form-cta,
.form-input-field,
.hero-subtitle,
.sticky-action-text,
.sticky-bar-cta,
.sticky-bar-price {
    font-size: 18px;
    line-height: 24px
}

.hero-subtitle {
    grid-column: 1;
    margin: 0 0 12px
}

.form-cta {
    align-items: center;
    border: none;
    border-radius: 60px;
    color: #fff;
    display: flex;
    font-weight: 500;
    height: fit-content;
    justify-content: center;
    min-width: 167px;
    text-align: center;
    transition: background-color .15s ease-in-out;
    white-space: nowrap;
    background-color: #019bef
}

.form-input-field,
.form-label,
.plan-card-amount,
.plan-card-callout-text,
.plan-card-cta,
.plan-card-label,
.plan-card-name,
.plan-card-period,
.plan-card-speed,
.plan-card-speed-title,
.plan-card-tag-text,
.plan-card-type,
.regular-price-amount,
.sticky-action-text>strong,
.sticky-bar-cta,
.tooltip-text>strong,
.wifi-extender-app-title>strong {
    font-family: Telefonica
}

.form-cta:hover {
    background-color: #008edd;
    color: #fff
}

.form-input {
    display: flex;
    flex-flow: column nowrap;
    height: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: relative;
    row-gap: 8px;
    transform: translateX(-20px);
    transition: opacity .3s, transform .3s;
    width: 0
}

.form-input.active {
    height: 100%;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    width: auto
}

.form-input-field {
    background-color: #fff;
    border: 1px solid #737578;
    border-radius: 60px;
    color: #737578;
    min-width: 245px
}

.form-label,
.form-label>a:visited {
    color: #313235
}

.form-input-field.sticky-field,
.internet-comparison-image-content {
    width: 100%
}

.form-terms {
    align-items: center;
    column-gap: 8px;
    display: flex
}

.form-checkbox {
    accent-color: #019bef;
    height: 18px;
    margin: 0;
    outline: 0;
    width: 18px
}

.form-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hero-banner-tag-text,
.hero-banner-text {
    font-family: Telefonica;
    color: #fff
}

.form-submit {
    align-items: center;
    background-color: #019bef;
    background-image: url(/documents/37905/21214327/icon-arrow-fordward.webp);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 60px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    outline: 0;
    position: absolute;
    right: 16px;
    top: 9px;
    width: 32px
}

.hero-content-banner {
    background: #000;
    border-radius: 16px;
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: flex-end;
    padding: 24px 32px;
    position: relative;
    row-gap: 16px
}

.hero-banner-tag,
.plan-card-tag.purple {
    background-color: #a13ea1
}

.hero-banner-tag {
    align-items: center;
    border-radius: 4px;
    column-gap: 4px;
    display: flex;
    justify-content: center;
    padding: 4px 8px 4px 4px;
    width: fit-content;
    z-index: 10
}

.hero-banner-tag-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.hero-banner-text {
    display: flex;
    gap: 8px;
    z-index: 10
}

.hero-banner-special-price,
.hero-banner-speed {
    display: flex;
    flex-flow: column nowrap;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    color: #fff
}

.hero-banner-special-price>span,
.hero-banner-speed>span {
    font-size: 20px;
    color: #fff
}

.hero-banner-divider {
    background-color: #fff;
    border-radius: 8px;
    height: 100%;
    margin: 0;
    width: 3px;
    color: #fff
}

.hero-banner-price {
    font-size: 68px;
    font-weight: 700;
    line-height: 64px;
    margin: 0;
    color: #fff
}

.plan-option,
.plan-options {
    background-color: #fff;
    color: #313235;
    line-height: 24px
}

.hero-banner-price .symbol {
    font-size: 24px;
    line-height: 32px
}

.hero-banner-image {
    border-radius: 16px;
    height: 100%;
    left: 0;
    object-fit: inherit;
    position: absolute;
    top: 0;
    width: 100%
}

.plan-card-speed-icon,
.service-feature-icon,
.tooltip-icon,
.why-choose-feature-icon {
    object-fit: auto;
    aspect-ratio: 1;
    object-position: center
}

.plan-options {
    border-radius: 8px;
    bottom: -37px;
    display: flex;
    gap: 8px;
    justify-content: center;
    justify-self: center;
    max-width: 1016px;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    width: 100%
}

.plan-option {
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-family: Telefonica;
    font-size: 18px;
    justify-content: center;
    padding: 16px
}

.plan-option-active {
    background-color: #0b2739;
    color: #fff;
    font-family: Telefonica
}

.plan-option-inactive {
    border: 1px solid #ddd;
    transition: background-color 150ms ease-in-out, color 150ms ease-in-out
}

.plan-cards-container {
    align-self: stretch;
    display: none;
    justify-content: center;
    margin: 64px auto 0;
    max-width: 1240px;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.plan-cards {
    align-items: flex-start;
    display: flex
}

.plan-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    display: flex;
    line-height: normal;
    margin-left: 0;
    margin-top: 28px;
    min-width: 288px;
    width: 100%
}

.plan-card.featured {
    margin-top: 0;
    border: 2px solid #019bef;
    border-radius: 16px
}

.plan-card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 16px;
    width: 100%
}

.plan-card-header {
    align-items: center;
    background-color: #019bef;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    justify-content: center;
    line-height: 20px;
    overflow: hidden;
    padding: 4px 16px;
    text-align: center
}

.tooltip {
    box-shadow: 0 2px 4px 0 #00000033;
    display: flex;
    position: relative;
    opacity: 1
}

.wifi-extender-app,
.wifi-extender-app-logo {
    box-shadow: 0 7px 8px 0 rgba(11, 39, 57, .02), 0 5px 22px 0 rgba(11, 39, 57, .12)
}

.tooltip-icon {
    margin: auto 0;
    width: 16px
}

.tooltip-text {
    background-color: #fff;
    border-radius: 8px;
    bottom: -32px;
    color: #707070;
    font-family: Telefonica;
    font-size: 12px;
    left: -124px;
    line-height: 16px;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    z-index: 10
}

#version_2_magenta_parrillas .tooltip-text strong,
.coverage-text>a,
.tooltip-text>strong {
    color: #019bef
}

#version_2_magenta_parrillas .tooltip-container:hover .tooltip-text,
.tooltip:hover>.tooltip-text {
    visibility: visible
}

.plan-card-details {
    align-items: center;
    background-color: #0b2739;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    padding: 16px 16px 32px;
    position: relative;
    text-align: center;
    width: 100%
}

.plan-card-title {
    display: flex;
    font-size: 16px;
    gap: 6px;
    justify-content: space-between;
    line-height: 24px
}

.plan-card-speed {
    font-size: 32px;
    line-height: 40px
}

.plan-card-tag-text,
.plan-card-type {
    font-size: 14px;
    line-height: 20px
}

.plan-card-tag {
    align-items: center;
    border-radius: 4px;
    bottom: -14px;
    display: flex;
    gap: 4px;
    padding: 4px 8px 4px 4px;
    position: absolute
}

.plan-card-tag.pink {
    background-color: #e63780
}

.plan-card-tag-text {
    color: #fff;
    font-weight: 500;
    margin: 0;
    text-align: center
}

.plan-card-price {
    color: #313235;
    display: flex;
    font-weight: 400;
    gap: 6px;
    justify-content: center;
    margin-top: 24px;
    padding: 0 16px;
    text-align: center
}

.plan-card-amount {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    margin: 0
}

.plan-card-period {
    align-self: flex-end;
    font-size: 22px;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 4px
}

.plan-card-regular-price {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    padding: 0 16px
}

.regular-price-amount {
    color: #737578;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.regular-price-text {
    font-weight: 700
}

.line-through {
    text-decoration: line-through
}

.plan-card-benefits {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 8px;
    column-gap: 8px;
    display: flex;
    justify-content: center;
    margin: 0 16px;
    padding: 8px
}

.plan-card-benefits-subtitle,
.plan-card-benefits-title {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.plan-card-benefits-text {
    color: #313235;
    display: flex;
    flex-flow: column nowrap
}

.benefits-description>strong,
.coverage-option-text>strong,
.coverage-text>a,
.internet-info-description>strong,
.plan-card-benefits-title,
.service-includes>strong,
.service-tracking-cta,
.service-tracking-text>strong,
.why-choose-feature-description>strong,
.wifi-extender-title>span {
    font-family: Telefonica;
    font-weight: 700
}

.plan-card-cta {
    align-items: center;
    background-color: #019bef;
    border-radius: 59.938px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    margin: 10px auto;
    padding: 12px 16px 11px;
    text-align: center;
    text-decoration: none;
    transition: background-color .15s ease-out;
    width: 234px
}

.benefits-cta:hover,
.coverage-action-primary:hover,
.plan-card-cta:hover,
.service-tracking-cta:hover {
    background-color: #008edd;
    color: #fff;
    text-decoration: none
}

.plan-card-features {
    color: #313235;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    padding: 16px
}

.plan-card-callout {
    align-items: center;
    background-color: #e6f5fd;
    border: 1px solid #019bef;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    padding: 0 12px
}

.plan-card-callout-text {
    color: #019bef;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.plan-card-divider {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin: 0 16px;
    padding: 16px 0
}

.plan-card-divider:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.plan-card-speed-info {
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 0 16px
}

.plan-card-speed-icon {
    height: 100%;
    width: 24px
}

.plan-card-speed-details {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.plan-card-speed-title {
    color: #313235;
    font-weight: 700;
    line-height: 20px
}

.plan-card-speed-description {
    color: #737578;
    font-family: Telefonica;
    font-weight: 400;
    line-height: 20px
}

.swiper-services {
    display: flex;
    justify-content: center;
    max-width: 718px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 2em
}

.service-includes {
    color: #50535a;
    font-size: 26px;
    line-height: 32px;
    margin-top: 0;
    text-align: center
}

.service-includes>span {
    font-family: Telefonica;
    font-weight: 300
}

.service-features {
    display: flex;
    margin-top: 32px
}

.coverage-option-text,
.service-feature-description,
.service-feature-title {
    font-family: Telefonica;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.service-feature {
    align-items: center !important;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: flex !important;
    gap: 8px;
    height: auto !important;
    justify-content: space-between;
    padding-left: 16px
}

.service-feature-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.service-feature-title {
    color: #313235;
    font-size: 18px
}

.coverage-option-text,
.service-feature-description {
    color: #737578;
    font-size: 16px
}

.service-tracking {
    align-items: center;
    background-color: #0b2739;
    border-radius: 8px;
    display: flex;
    gap: 24px;
    justify-content: center;
    margin: 48px auto;
    max-width: 1224px;
    padding: 8px 24px;
    width: 100%
}

.service-tracking-cta {
    background-color: #019bef;
    border-radius: 60px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    transition: background-color .15s ease-in-out;
    white-space: nowrap
}

.benefits-description,
.benefits-title,
.service-tracking-text {
    color: #fff;
    font-family: Telefonica;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.why-choose-section {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 16px;
    width: 100%
}

.why-choose-title,
.wifi-extender-title {
    color: #313235;
    font-family: Telefonica;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    margin: 0;
    text-align: center
}

.why-choose-content {
    margin-top: 64px;
    max-width: 1216px;
    width: 100%
}

.why-choose-features {
    display: flex;
    gap: 20px
}

.why-choose-feature {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 33%
}

.why-choose-feature-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-weight: 400;
    gap: 24px;
    text-align: center
}

.why-choose-feature-icon {
    align-self: center;
    border-radius: 8px;
    width: 96px
}

.why-choose-feature-text,
.wifi-extender-app-content-text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.coverage-header,
.coverage-section {
    flex-direction: column;
    width: 100%;
    display: flex
}

.why-choose-feature-title {
    color: #313235;
    font-family: Telefonica;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin: 0
}

.why-choose-feature-description {
    color: #737578;
    font-family: Telefonica;
    font-size: 16;
    line-height: 24px;
    margin: 8px 0 0
}

.coverage-option+label,
.coverage-text,
.coverage-title,
.internet-info-title {
    font-family: Telefonica;
    font-weight: 400;
    margin: 0
}

.coverage-section {
    background-color: #f6f6f6;
    padding-bottom: 64px
}

.coverage-header {
    font-weight: 400;
    gap: 16px;
    padding: 64px 20px 0;
    text-align: center
}

.coverage-title,
.internet-info-title {
    align-self: center;
    color: #313235;
    font-size: 40px;
    line-height: 48px
}

.coverage-description {
    color: #737578;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 8px;
    line-height: 150%
}

.coverage-action-primary,
.coverage-option+label:hover,
.coverage-option:checked+label {
    color: #fff;
    background-color: #019bef
}

.coverage-text {
    font-size: 16px;
    line-height: 24px
}

.coverage-content {
    align-self: center;
    margin-top: 16px;
    max-width: 1016px;
    padding: 0 16px;
    width: 100%
}

.coverage-grid,
.internet-comparison-grid,
.wifi-extender-grid {
    display: flex;
    gap: 24px
}

.coverage-info {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 50%
}

.coverage-info-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 32px;
    justify-content: center
}

.coverage-options {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.coverage-options>label:first-of-type {
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #eee
}

.coverage-options>label:last-of-type {
    border-left: 1px solid #eee;
    border-radius: 0 8px 8px 0
}

.coverage-option+label {
    background-color: #fff;
    color: #313235;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    padding: 16px;
    text-decoration: none;
    transition: background-color .3s, color .3s
}

.coverage-option:checked+label {
    font-family: Telefonica;
    position: relative
}

.coverage-option:checked+label::after {
    background-color: #019bef;
    bottom: -6px;
    content: "";
    height: 20px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 20px
}

.coverage-options-content {
    grid-column: 1/4;
    margin-top: 24px
}

.coverage-actions {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    gap: 16px;
    text-align: center
}

.coverage-action-button {
    align-items: center;
    border-radius: 60px;
    display: flex;
    flex: 1;
    font-family: Telefonica;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 12px 16px;
    text-decoration: none;
    transition: background-color .15s ease-out;
    white-space: nowrap
}

.coverage-action-secondary {
    border: 1.5px solid #019bef;
    color: #019bef
}

.benefits-banner-wrapper,
.benefits-cta,
.benefits-pretitle {
    color: #fff;
    font-family: Telefonica
}

.coverage-map {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 50%
}

.coverage-map-image {
    border-radius: 4px;
    flex-grow: 1;
    height: 100%;
    max-width: 450px;
    object-fit: contain;
    object-position: center;
    width: 100%
}

.benefits-section {
    align-items: stretch;
    display: flex;
    gap: 28px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1228px;
    padding: 40px 16px 0;
    width: 100%
}

.benefits-banner {
    border-radius: 16px;
    flex: 1;
    padding: 30px 40px;
    position: relative;
    width: 100%
}

.benefits-banner-wrapper {
    display: flex;
    flex-flow: column nowrap;
    font-size: 18px;
    font-weight: 400;
    gap: 8px;
    height: 100%;
    justify-content: center;
    line-height: 24px;
    position: relative;
    z-index: 20
}

.benefits-pretitle {
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    margin: 0
}

.benefits-cta {
    align-items: center;
    background-color: #019bef;
    border-radius: 60px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    margin-top: 4px;
    min-width: 112px;
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .15s ease-in-out;
    width: fit-content
}

.wifi-extender-description,
.wifi-extender-feature {
    line-height: 24px;
    font-weight: 400;
    text-align: center
}

.benefits-background {
    border-radius: 16px;
    filter: brightness(50%);
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.wifi-extender-section {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.wifi-extender-content {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px;
    width: 100%
}

.wifi-extender-description {
    color: #86888c;
    font-family: Telefonica;
    font-size: 18px;
    margin: 16px 0 0
}

.wifi-extender-features {
    align-self: center;
    margin: 64px 32px 0;
    max-width: 1366px
}

.wifi-extender-feature {
    color: #737578;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-size: 16px;
    gap: 24px
}

.wifi-extender-feature-icon {
    align-self: center;
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 48px
}

.wifi-extender-feature-text {
    font-family: Telefonica;
    margin: 0;
    padding: 0 8px
}

.wifi-extender-app {
    align-self: center;
    background-position-x: 0;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    max-width: 100%;
    overflow: hidden;
    padding: 24px 40px;
    width: 1110px;
    position: relative
}

.wifi-extender-app__backgrpund--app {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.wifi-extender-app__backgrpund--img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
    border-radius: 8px
}

.faq-toggle,
.wifi-extender-app-icon,
.wifi-extender-app-logo,
.wifi-extender-app-screenshot-image,
.wifi-extender-app-store-badge {
    object-fit: auto;
    object-position: center
}

.wifi-extender-app-content {
    align-items: center;
    display: flex;
    position: relative;
    z-index: 1
}

.wifi-extender-app-info {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 65%
}

.wifi-extender-app-details {
    flex-grow: 1
}

.wifi-extender-app-grid {
    column-gap: 48px;
    display: flex
}

.wifi-extender-app-image {
    display: flex;
    flex-direction: column;
    margin-left: 0
}

.wifi-extender-app-logo {
    aspect-ratio: 1.01;
    border: 6px solid #fefefe;
    flex-grow: 1;
    max-width: 100%;
    min-width: 160px;
    mix-blend-mode: multiply
}

.wifi-extender-app-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: normal
}

.wifi-extender-app-header {
    display: flex;
    gap: 16px
}

.wifi-extender-app-icon-wrapper {
    align-items: center;
    align-self: start;
    background-color: #019df4;
    border-radius: 8px;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 10px 6px;
    width: 40px
}

.wifi-extender-app-icon {
    aspect-ratio: 1.41;
    fill: #fff;
    width: 28px
}

.wifi-extender-app-content {
    display: flex;
    flex: 1
}

.wifi-extender-app-title {
    color: #313235;
    font-family: Telefonica;
    font-size: 24px;
    line-height: 28px;
    margin: 0
}

.wifi-extender-app-description {
    color: #50535a;
    font-family: Telefonica;
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 0
}

.wifi-extender-app-store-badge {
    aspect-ratio: 3.23;
    max-width: 100%;
    width: 131px
}

.wifi-extender-app-image {
    display: flex;
    flex-direction: column;
    height: 160px;
    line-height: normal;
    width: 160px
}

.wifi-extender-app-screenshot {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    width: 314px
}

.wifi-extender-app-screenshot-image {
    aspect-ratio: 1.52;
    width: 100%
}

.internet-info-section {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    padding: 72px;
    width: 100%
}

.internet-info-content,
.internet-plans {
    background-color: #fff;
    border-radius: 16px;
    justify-content: center;
    margin-top: 16px;
    padding: 32px 72px
}

.internet-info-grid,
.internet-plans-grid {
    display: flex;
    gap: 48px
}

.internet-info-image {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    align-items: center
}

.internet-info-image-content {
    aspect-ratio: 1.79;
    border-radius: 16px;
    flex-grow: 1;
    object-position: center;
    width: 100%;
    max-width: 496px !important
}

.internet-comparison-image-content,
.internet-plans-image-content {
    border-radius: 16px;
    max-width: 496px;
    object-fit: auto;
    object-position: center
}

.internet-info-text,
.internet-plans-text {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 56%
}

.internet-comparison-content,
.internet-info-text-content,
.internet-plans-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 24px;
    justify-content: center;
    margin: auto 0
}

.internet-comparison-title,
.internet-info-subtitle,
.internet-plans-title {
    color: #313235;
    font-family: Telefonica;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    margin: 0
}

.internet-comparison-description,
.internet-info-description,
.internet-plans-description {
    color: #737578;
    font-family: Telefonica;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.internet-comparison {
    background-color: #f6f6f6;
    border-radius: 16px;
    justify-content: center;
    margin-top: 16px;
    padding: 32px 72px
}

.internet-comparison-image,
.internet-comparison-text {
    flex-direction: column;
    line-height: normal;
    display: flex
}

.internet-comparison-text {
    margin-left: 0;
    width: 56%
}

.internet-comparison-image {
    align-items: center;
    width: 44%
}

.internet-plans-image {
    display: flex;
    flex-direction: column;
    line-height: normal;
    align-items: center;
    margin-left: 0;
    width: 44%
}

.internet-plans-image-content {
    flex-grow: 1;
    width: 100%
}

.faq-section,
.sticky-bar {
    align-items: center;
    background-color: #fff
}

.faq-section {
    color: #50535a;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .12px;
    line-height: 133%;
    margin-top: 16px;
    padding: 60px;
    width: 100%
}

.faq-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px !important;
    user-select: none;
    width: 100% !important
}

.faq-title {
    align-self: center;
    color: #019df4 !important;
    font-size: 40px !important;
    font-weight: 300 !important;
    letter-spacing: .5px;
    line-height: 48px;
    margin: 0 0 40px;
    text-align: center
}

.faq-answer-text,
.faq-question {
    color: #50535a;
    font-family: Telefonica;
    line-height: 24px
}

.faq-item {
    background-color: #fff;
    border-bottom: 1px solid #d3d4d3;
    display: flex;
    flex-direction: column
}

.faq-label {
    cursor: pointer;
    display: flex;
    grid-gap: 8px;
    justify-content: space-between;
    padding: 40px 16px
}

.faq-question {
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.faq-toggle {
    aspect-ratio: 1;
    height: 24px;
    transition: transform .2s ease-out;
    width: 24px
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding-left: 16px;
    transition: max-height .2s ease-out
}

.faq-answer-text {
    font-size: 16px;
    margin: 0;
    padding-bottom: 40px
}

.faq-input:checked~.faq-answer {
    max-height: 200px
}

.sticky-bar {
    bottom: 0;
    box-shadow: -.33px -6.99px 14px 0 #00000008;
    color: #313235;
    column-gap: 16px;
    display: none;
    justify-content: space-around;
    padding: 16px;
    position: fixed;
    width: 100%;
    z-index: 50;
    left: 0
}

.sticky-bar-action,
.sticky-bar-tag {
    align-items: center;
    display: flex
}

.sticky-bar-text {
    column-gap: 16px;
    display: grid;
    gap: 4px 16px;
    grid-template-columns: auto 1fr
}

.sticky-bar-image {
    grid-row: 1/3;
    height: 64px;
    width: 64px
}

.sticky-bar-tag {
    background-color: #a13ea1;
    border-radius: 4px;
    column-gap: 4px;
    padding: 4px 8px 4px 4px;
    width: fit-content
}

.button-default,
.button-sending,
.sticky-bar-cta {
    background-color: #019bef
}

.sticky-bar-tag-text {
    color: #fff;
    font-family: Telefonica;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.sticky-bar-price {
    grid-column: 2;
    margin: 0
}

.sticky-bar-price>strong {
    font-family: Telefonica;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px
}

.sticky-action-text {
    margin: 0 16px 0 8px
}

.sticky-bar-cta {
    align-items: center;
    border-radius: 60px;
    color: #fff;
    display: flex;
    font-weight: 500;
    justify-content: center;
    min-width: 250px;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none
}

.button-default {
    color: #fff;
    cursor: pointer;
    opacity: 1
}

.button-disabled {
    cursor: default;
    opacity: .7
}

.button-sending {
    color: #fff;
    opacity: .7
}

.button-sending:hover:disabled {
    background-color: #019bef;
    cursor: default
}

.button-sent {
    background-color: #5cb615;
    color: #fff
}

.button-sent:hover:disabled {
    background-color: #5cb615;
    cursor: default
}

.button-icon,
.button-with-icon img {
    margin-right: 8px;
    vertical-align: middle
}

.submit-disabled {
    cursor: default;
    opacity: .7;
    pointer-events: none
}

.submit-enabled {
    cursor: pointer;
    opacity: 1
}

@media (max-width:1024px) {
    .plan-cards-container {
        padding-bottom: 44px
    }

    body .hero-content .swiper-horizontal>.swiper-pagination-bullets,
    body .hero-content .swiper-pagination-bullets.swiper-pagination-horizontal,
    body .hero-content .swiper-pagination-custom,
    body .hero-content .swiper-pagination-fraction {
        bottom: -16px !important;
        padding: 0
    }

    .swiper-pagination-bullet-active {
        background-color: #019bef !important;
        border-radius: 99px !important;
        height: 8px !important;
        transition: .3s ease-out !important;
        width: 18px !important
    }

    .plan-options {
        white-space: nowrap;
        width: calc(100% - 20px)
    }

    .hero-content-header-wrapper {
        gap: 16px;
        padding: 24px 24px 72px 14px
    }

    .hero-content-banner {
        padding: 24px 16px
    }

    .hero-banner-price {
        font-size: 56px
    }

    .wifi-extender-content {
        padding: 80px 16px
    }

    .internet-info-section {
        padding: 72px 16px
    }

    .internet-comparison,
    .internet-info-content,
    .internet-plans {
        padding: 32px 16px
    }

    .internet-comparison-grid,
    .internet-info-grid,
    .internet-plans-grid {
        flex-flow: column nowrap
    }

    .internet-comparison-image,
    .internet-comparison-text,
    .internet-info-image,
    .internet-info-text,
    .internet-plans-image,
    .internet-plans-text {
        width: 100%;
        align-items: center
    }

    .wifi-extender-app-grid {
        grid-gap: 16px
    }

    .benefits-banner {
        padding: 24px
    }
}

@media (max-width:767px) {

    .form-input-field.sticky-field,
    .sticky-bar-cta {
        min-width: unset
    }

    .hero-content-header {
        grid-template-columns: 1fr
    }

    .hero-content-header-wrapper {
        gap: 14px;
        grid-template-columns: 1fr;
        padding: 0 0 53px
    }

    .hero-content-banner {
        border-radius: 0;
        order: -1
    }

    .form-label,
    .hero-tag,
    .sticky-action-text,
    .sticky-bar-action-image,
    .sticky-bar-image,
    .wifi-extender-app-image {
        font-size: 12px
    }

    .hero-title {
        font-size: 22px;
        line-height: 24px;
        margin: 0
    }

    .hero-content-text {
        align-items: center;
        display: flex;
        flex-flow: column nowrap;
        gap: 16px;
        justify-content: center;
        padding: 0 16px
    }

    .hero-subtitle {
        font-size: 14px;
        line-height: 20px;
        margin: 0
    }

    .form-cta,
    .form-input-field,
    .plan-option,
    .sticky-bar-cta {
        font-size: 16px
    }

    .benefits-background,
    .hero-banner-image {
        border-radius: 0
    }

    .plan-cards-container {
        margin-top: 48px
    }

    .plan-option {
        padding: 8px 16px
    }

    .benefits-description,
    .plan-card-name,
    .service-tracking-text,
    .wifi-extender-feature-text {
        font-size: 14px;
        line-height: 20px
    }

    .coverage-title,
    .plan-card-amount,
    .plan-card-speed,
    .why-choose-title,
    .wifi-extender-title {
        font-size: 28px;
        line-height: 32px
    }

    .plan-card-feature-text,
    .plan-card-speed-description,
    .plan-card-speed-title,
    .plan-card-type,
    .sticky-bar-price,
    .sticky-bar-price>strong,
    .wifi-extender-app-description {
        font-size: 12px;
        line-height: 15px
    }

    .plan-card-details {
        padding: 16px 16px 24px
    }

    .plan-card-cta,
    .plan-card-period,
    .wifi-extender-description {
        font-size: 16px;
        line-height: 24px
    }

    .service-includes {
        font-size: 18px;
        line-height: 24px;
        margin: 32px 16px 0
    }

    .service-features {
        margin-top: 10px
    }

    .why-choose-section {
        max-width: 100%;
        padding: 48px 16px
    }

    .why-choose-feature-content,
    .wifi-extender-app-details,
    .wifi-extender-features {
        margin: 0
    }

    .why-choose-content {
        margin-top: 32px
    }

    .coverage-header {
        gap: 10px;
        padding: 32px 16px 8px
    }

    .coverage-content {
        margin: 0;
        padding: 8px 16px 32px
    }

    .coverage-option+label {
        font-size: 14px;
        line-height: 20px;
        padding: 12px
    }

    .coverage-option-text {
        text-align: center
    }

    .coverage-actions {
        bottom: 0;
        flex-flow: column nowrap;
        position: absolute;
        width: 100%
    }

    .coverage-section {
        padding-bottom: 0
    }

    .wifi-extender-content {
        padding: 48px 16px;
        width: 100%
    }

    .wifi-extender-app {
        box-shadow: none;
        padding: 20px 16px 40px
    }

    .why-choose-features {
        align-items: center;
        flex-flow: column nowrap;
        gap: 32px
    }

    .coverage-info,
    .internet-comparison-text,
    .internet-info-image,
    .internet-info-text,
    .internet-plans-image,
    .internet-plans-text,
    .why-choose-feature,
    .wifi-extender-app-info,
    .wifi-extender-app-text {
        width: 100%
    }

    .coverage-grid {
        flex-flow: column nowrap;
        gap: 10px;
        padding-bottom: 144px;
        position: relative
    }

    .coverage-map {
        align-items: center;
        margin: 0;
        width: 100%
    }

    .coverage-options-content {
        margin-top: 18px
    }

    .wifi-extender-grid {
        flex-flow: column nowrap;
        gap: 32px;
        margin-top: 32px
    }

    .wifi-extender-app-header {
        gap: 12px
    }

    .wifi-extender-app-title {
        font-size: 18px;
        font-weight: 300;
        line-height: 24px
    }

    .wifi-extender-app-title>strong {
        font-family: Telefonica;
        font-weight: 300
    }

    .wifi-extender-app-content-text {
        gap: 4px
    }

    .wifi-extender-app-stores {
        margin-top: 12px
    }

    .wifi-extender-app-icon-wrapper {
        margin: 8px 0
    }

    .internet-info-section {
        margin: 0;
        padding: 48px 16px
    }

    .internet-info-title {
        font-size: 28px;
        line-height: 32px;
        text-align: center
    }

    .internet-info-content {
        margin: 32px 0 0;
        padding: 0
    }

    .internet-comparison,
    .internet-plans {
        margin-top: 32px;
        padding: 0
    }

    .internet-info-grid,
    .internet-plans-grid {
        flex-flow: column nowrap;
        gap: 24px
    }

    .internet-comparison-title,
    .internet-info-subtitle,
    .internet-plans-title {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }

    .internet-comparison-description,
    .internet-info-description,
    .internet-plans-description {
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }

    .internet-comparison {
        background-color: #fff
    }

    .internet-comparison-grid {
        flex-flow: column nowrap
    }

    .internet-comparison-image {
        order: -1;
        width: 100%
    }

    .internet-comparison-content,
    .internet-info-text-content,
    .internet-plans-content {
        gap: 8px
    }

    .faq-section {
        margin: 0;
        padding: 40px 16px
    }

    .faq-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px;
        margin-top: 30px
    }

    .faq-label {
        padding: 24px 0
    }

    .faq-question {
        font-size: 16px;
        line-height: 20px
    }

    .faq-answer {
        padding-left: 0
    }

    .faq-answer-text {
        font-size: 14px;
        line-height: 18px
    }

    .swiper-services {
        padding: 0 16px
    }

    .plan-options {
        border-radius: 8px 0 0;
        bottom: -29px;
        font-size: 16px;
        left: 10px;
        line-height: 24px;
        width: 100%
    }

    .service-includes>span {
        display: block
    }

    .benefits-section {
        flex-flow: column nowrap;
        gap: 16px;
        padding: 32px 0 0
    }

    .benefits-banner {
        border-radius: 0;
        padding: 24px 24px 32px
    }

    .benefits-title {
        font-size: 14px;
        line-height: 24px
    }

    .benefits-pretitle {
        font-size: 24px;
        line-height: 32px
    }

    .service-tracking {
        column-gap: 10px;
        display: grid;
        grid-template-columns: auto 1fr;
        margin: 24px 16px 32px;
        padding: 16px 24px;
        row-gap: 8px;
        width: auto
    }

    .service-tracking-image {
        height: 24px;
        width: 24px
    }

    .service-tracking-cta {
        font-size: 14px;
        grid-column: 1/3;
        justify-self: center;
        line-height: 20px;
        width: fit-content
    }

    .sticky-bar {
        column-gap: 24px;
        justify-content: center
    }

    .sticky-bar-text {
        display: flex;
        flex-flow: column nowrap;
        max-width: 140px
    }

    .hero-tag,
    .sticky-bar-text .sticky-bar-image {
        display: none
    }

    .sticky-bar-action {
        display: flex;
        flex-direction: row;
        width: 180px;
        flex-wrap: wrap;
        justify-content: center
    }

    .sticky-bar-action-image {
        width: 16px;
        height: 16px;
        margin-bottom: 12px
    }

    .sticky-action-text {
        width: 138px;
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 12px 6px
    }

    .sticky-bar-tag-text {
        width: 92px;
        line-height: 12px
    }

    .sticky-bar-tag {
        padding: 6px 8px;
        width: 130px;
        height: 36px
    }

    .coverage-map-image {
        max-width: 450px
    }

    .faq-toggle {
        height: 16px;
        width: 16px
    }

    .sticky-bar-price {
        margin-top: 17px
    }
}

@media (max-width:1080px) and (min-width:767px) {
    .hero-banner-image {
        object-position: 60%
    }
}

@keyframes heartbeat {
    0% {
        transform: scale(.7)
    }

    100% {
        transform: scale(1)
    }
}

.plan-card-callout img {
    animation: 1s infinite alternate heartbeat
}

.gamertabs__tvapp {
    display: flex;
    margin: 12px 16px 0 !important;
    background-color: #f6f6f6;
    color: #50535a;
    padding: 7px;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    font-size: 12px
}

.gamertabs__tvapp--svg {
    margin-right: 8px
}

.gamertabs__tvapp span {
    font-size: 10px
}

.gamertabs__tvapp b {
    font-size: 12px
}

.seo-c2c-content {
    width: 100%;
    text-align: center;
    margin-top: 8px
}

.seo-c2c-content .seo-c2c-button {
    width: 223px;
    padding: 8px 32px;
    font-size: 16px;
    line-height: 24px;
    color: #019df4;
    border-radius: 30px;
    border: 1px solid #019df4;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-weight: 700
}

.seo-c2c-content .seo-c2c-button.seo-c2c-button__v2 {
    width: 234px
}

@media (max-width:1080px) {
    .sticky-action-text {
        width: 138px
    }
}

.faq-section {
    padding-top: 0
}

.internet-info-section {
    padding-bottom: 0
}

.hv_div_plan_2_meses {
    margin-bottom: 1rem !important
}

.banner-portabilidad-test__container {
    align-items: flex-start !important
}

.dev-banner-container-art {
    margin-left: 0
}

.stefa_carrousel_general_bottom .stefa_item_bottom_carrousel {
    width: 320px;
    height: 104px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.stefa_carrousel_general_bottom .stefa_item_bottom_carrousel .service-feature-content .service-feature-title {
    width: 219px;
    height: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #313235
}

.stefa_carrousel_general_bottom .stefa_item_bottom_carrousel .service-feature-content {
    width: 219px;
    height: 56px;
    gap: 8px;
    align-items: center;
    transform: translateX(24px)
}

.stefa_carrousel_general_bottom .stefa_item_bottom_carrousel .service-feature-content .service-feature-description {
    width: 219px;
    height: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .stefa_carrousel_general_bottom .stefa_item_bottom_carrousel {
        width: 343px;
        justify-content: space-between
    }

    .stefa_carrousel_general_bottom .swiper-slide {
        max-width: 350px
    }

    .stefa_carrousel_general_bottom .swiper-wrapper {
        justify-content: center
    }

    #version_2_magenta_parrillas .service-includes {
        width: 376px;
        height: 32px;
        font-size: 28px;
        line-height: 32px
    }

    .stefa_terminos_condiciones-magento .stefa_text {
        width: 609px;
        height: 24px;
        font-size: 18px;
        line-height: 24px
    }

    .stefa_terminos_condiciones-magento .stefa_link {
        width: 233px;
        height: 24px;
        font-size: 18px;
        line-height: 24px;
        text-decoration-style: solid;
        text-decoration-thickness: 0%
    }

    .stefa_terminos_condiciones-magento {
        width: 609px !important;
        height: 60px !important
    }

    .dev-banner-container-art {
        margin-left: -50px
    }

    .banner-portabilidad-test__container {
        margin: 0 !important
    }
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

@media (max-width:600px) {
    .portlet-decorate .portlet-content {
        padding: 0
    }

    .hero-content-banner {
        min-height: 250px
    }
}

.color-gris {
    color: #3c5261;
    font-size: 20px;
    line-height: 24px
}

.descuento {
    background: #e6f5fd;
    width: 66px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 12px;
    line-height: 24px;
    margin: 0 4px
}

@media (min-width:1024px) {
    #swiper-item-flexbox {
        width: 280px !important
    }
}

@media (min-width:1080px) and (max-width:1280px) {
    .banner-portabilidad-test__container {
        justify-content: start !important;
        margin-top: 25px
    }

    .banner-portabilidad-test .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        bottom: -200px
    }
}

.stefa_container_banner_kenos .stefa_container_items_banner_kenos .description_banner.custom_solo_internet {
    font-size: 24px;
    line-height: 32px;
    transform: translateY(-14px)
}

.stefa_navs_tabs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    overflow-x: scroll;
    scrollbar-width: none
}

.plan-option {
    min-width: 130px
}

.lt__parent .swiper-pagination.dots-solo.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 4px;
    display: flex;
    left: 50%;
    transform: translate(-50%, 16px)
}

.lt__parent .swiper-container {
    padding-bottom: 70px
}

#version_2_magenta_parrillas .lt__parent .swiper-container {
    max-width: 1280px
}

#version_2_magenta_parrillas .lt__parent .swiper-container .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.stefa_navs_tabs .stefa_box_custom {
    display: flex;
    align-items: baseline;
    justify-content: start;
    flex-direction: row;
    padding: 8px 12px;
    gap: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    text-align: center;
    margin-bottom: 12px;
    background-color: #fff
}

.stefa_navs_tabs .stefa_box_custom .lt__tab-item.lt__tab-item--active {
    background-color: #0b2739;
    color: #fff
}

@media (min-width:768px) {
    .plan-option {
        min-width: 177px
    }

    .service_coarrousel {
        left: 50%;
        max-width: 718px;
        transform: translateX(-50%);
        position: relative
    }

    .stefa_navs_tabs .stefa_box_custom {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        gap: 12px;
        max-width: 1032px
    }

    .banner-portabilidad-test .dev-banner-container {
        overflow: visible
    }

    .stefa_container_banner_kenos .stefa_container_items_banner_kenos .description_banner.custom_solo_internet {
        font-size: 32px;
        line-height: 40px;
        transform: translateY(-12px)
    }

    .stefa_container_banner_kenos .stefa_container_items_banner_kenos .title_banner.custom_solo_internet {
        font-size: 32px;
        line-height: 40px
    }

    .banner-portabilidad-test-ilustracion__tyc {
        width: 218px;
        height: 18px;
        font-size: 14px;
        font-weight: 400;
        line-height: 17.5px;
        text-align: center;
        transform: translate(-90px, -12px)
    }

    .banner-portabilidad-test__parrilla {
        grid-column: 2;
        grid-row: 1;
        width: 564px;
        height: 266px
    }

    .banner-portabilidad-test__contenido {
        grid-row: 1;
        align-items: start !important;
        height: 188px !important;
        transform: translateY(14px) !important;
        padding: 0 10px 16px !important;
        gap: 4px !important
    }

    .banner-portabilidad-test-contenido__portate {
        font-size: 16px !important;
        line-height: 24px !important;
        color: #6b6c6f !important;
        font-weight: 400 !important;
        width: 612px !important;
        height: 24px !important;
        transform: translateY(0)
    }

    #banner-portabilidad-test-contenido__llamame {
        transform: translateY(10px)
    }

    .banner-portabilidad-test-contenido__badge {
        transform: translate(0, 0) !important;
        margin-bottom: 8px
    }

    .banner-portabilidad-test-contenido__titulo {
        font-size: 32px !important;
        line-height: 40px !important;
        width: 598px
    }

    #stefa_banner-portabilidad-test-contenido_portate {
        transform: translateY(-15px) !important
    }

    .banner-portabilidad-test-contenido__llamame {
        width: 167px !important;
        height: 48px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        transform: translateY(55px) !important
    }

    .banner-portabilidad-test-parrilla__contenido {
        width: 200px
    }

    .banner-portabilidad-test-parrilla-contenido__titulo {
        font-size: 20px;
        height: 24px;
        margin-bottom: 4px
    }

    .banner-portabilidad-test-parrilla-contenido__fecha {
        font-size: 16px;
        line-height: 18px
    }

    .banner-portabilidad-test-parrilla-contenido__contenedor {
        width: 154px;
        height: 84px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor__descuento {
        height: 54.3px;
        align-items: center
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor__cambiate {
        height: 29.69px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-descuento__hasta {
        font-size: 14px;
        line-height: 25px;
        margin-top: -15px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-descuento__precio {
        font-size: 40px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-detalle__contado,
    .banner-portabilidad-test-parrilla-contenido-contenedor-detalle__dto {
        font-size: 14px;
        line-height: 16px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-cambiate__texto {
        font-size: 12px;
        line-height: 14px
    }

    .banner-portabilidad-test-parrilla-gigas__badge {
        width: 146px;
        height: 28px
    }

    .banner-portabilidad-test-parrilla-gigas-badge__texto {
        font-size: 14px;
        line-height: 20px
    }

    .banner-portabilidad-test-parrilla-gigas__contenedor {
        border-left: 3.37px solid #fff
    }

    .banner-portabilidad-test-parrilla-gigas__texto {
        font-size: 26px;
        width: 201px
    }

    .banner-portabilidad-test-parrilla-gigas__desde {
        font-size: 26px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor__moneda {
        font-size: 17.97px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor__precio {
        font-size: 76.36px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor-decimales__texto {
        font-size: 40.43px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor-decimales__tiempo {
        font-size: 22.46px;
        width: 95px
    }

    .banner-portabilidad-test__container {
        display: flex;
        gap: 24px;
        justify-content: center;
        width: 100%;
        margin: 0 auto
    }

    .banner-portabilidad-test__ilustracion {
        grid-column: 2;
        grid-row: 1;
        width: 404px;
        height: auto;
        border-radius: 16px
    }

    .banner-portabilidad-test__ilustracion img {
        object-fit: cover;
        width: auto;
        height: auto;
        min-width: 658px;
        transform: translate(-128px, -20px);
        border-radius: 16px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width:768px) and (max-width:1279px) {

    #banner-1-titulo,
    #banner-1-titulo.banner-portabilidad-test-contenido__contenedorTitulo {
        height: 32px !important
    }

    .banner-hero-front {
        height: 610px
    }

    .banner-portabilidad-test {
        margin-bottom: 9em !important;
        margin-top: 2em !important;
        height: 370px !important
    }

    .banner-portabilidad-test .lt-button-next.lt-swiper-nav {
        right: 41% !important;
        transform: translateY(109px) !important
    }

    .banner-portabilidad-test .lt-button-prev.lt-swiper-nav {
        left: 41% !important;
        transform: translateY(109px) !important
    }

    .banner-portabilidad-test .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        bottom: -100px !important
    }

    .banner-portabilidad-test-contenido__contenedorTitulo {
        width: 612px !important;
        height: 64px
    }

    .banner-portabilidad-test .swiper-container {
        padding-bottom: 0;
        height: 610px !important
    }
}

.stefa_carrousel_general {
    background-color: #f5f5f5
}

.stefa_navs_tabs {
    transform: translateY(-25px)
}

@media (min-width:1280px) {
    .stefa_image_banner_kenos.custom_img_banner {
        max-height: 266px !important;
        min-height: 266px !important
    }

    .stefa_navs_tabs {
        transform: translateY(-32px)
    }

    .plan-option {
        min-width: 244px
    }

    .banner-portabilidad-test {
        margin-top: 1em !important;
        margin-bottom: 0 !important;
        height: 290px !important
    }

    .banner-portabilidad-test-contenido__contenedorTitulo {
        width: 455px !important
    }

    .banner-portabilidad-test-ilustracion__tyc {
        transform: translate(-124px, -20px)
    }

    .banner-portabilidad-test__parrilla {
        grid-column: 2;
        grid-row: 1;
        width: 564px;
        height: 266px
    }

    .banner-portabilidad-test__contenido {
        grid-column: 1;
        grid-row: 1;
        width: 510px !important;
        transform: translate(0, -100px) !important;
        margin: 0 !important
    }

    #banner2-item--custom {
        width: 380px !important
    }

    .banner-portabilidad-test-contenido__badge {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 28px
    }

    .banner-portabilidad-test-contenido__titulo {
        font-size: 32px !important;
        line-height: 40px !important
    }

    .banner-portabilidad-test-contenido__portate {
        font-size: 18px !important;
        line-height: 24px !important;
        width: 420px !important;
        margin-top: 1em
    }

    .banner-portabilidad-test-contenido__llamame {
        width: 156px !important;
        transform: translateY(45px) !important
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        bottom: 0
    }

    .banner-portabilidad-test .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        bottom: 50px !important
    }

    .banner-hero-front {
        min-height: 330px;
        height: 360px
    }

    .banner-portabilidad-test-parrilla__contenido {
        width: 200px
    }

    .banner-portabilidad-test-parrilla-contenido__titulo {
        font-size: 20px;
        height: 24px;
        margin-bottom: 4px
    }

    .banner-portabilidad-test-parrilla-contenido__fecha {
        font-size: 16px;
        line-height: 18px
    }

    .banner-portabilidad-test-parrilla-contenido__contenedor {
        width: 154px;
        height: 84px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor__descuento {
        height: 54.3px;
        align-items: center
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor__cambiate {
        height: 29.69px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-descuento__hasta {
        font-size: 14px;
        line-height: 25px;
        margin-top: -15px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-descuento__precio {
        font-size: 40px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-detalle__contado,
    .banner-portabilidad-test-parrilla-contenido-contenedor-detalle__dto {
        font-size: 14px;
        line-height: 16px
    }

    .banner-portabilidad-test-parrilla-contenido-contenedor-cambiate__texto {
        font-size: 12px;
        line-height: 14px
    }

    .banner-portabilidad-test-parrilla-gigas__badge {
        width: 146px;
        height: 28px
    }

    .banner-portabilidad-test-parrilla-gigas-badge__texto {
        font-size: 14px;
        line-height: 20px
    }

    .banner-portabilidad-test-parrilla-gigas__contenedor {
        border-left: 3.37px solid #fff
    }

    .banner-portabilidad-test-parrilla-gigas__texto {
        font-size: 26px;
        width: 201px
    }

    .banner-portabilidad-test-parrilla-gigas__desde {
        font-size: 26px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor__moneda {
        font-size: 17.97px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor__precio {
        font-size: 76.36px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor-decimales__texto {
        font-size: 40.43px
    }

    .banner-portabilidad-test-parrilla-gigas-contenedor-decimales__tiempo {
        font-size: 22.46px;
        width: 95px
    }

    .banner-portabilidad-test .lt-button-next.lt-swiper-nav {
        right: 44% !important;
        transform: translateY(-42px) !important
    }

    .banner-portabilidad-test .lt-button-prev.lt-swiper-nav {
        left: 44% !important;
        transform: translateY(-42px) !important
    }

    .banner-portabilidad-test .swiper-container {
        height: auto !important
    }

    .banner-portabilidad-test__container {
        align-items: baseline !important;
        flex-direction: row-reverse !important;
        padding: 0 20px 36px;
        max-width: 1368px;
        margin: 0 auto
    }

    .banner-portabilidad-test__ilustracion img {
        min-width: 704px;
        transform: translate(0, 0);
        left: 0
    }

    .banner-portabilidad-test__ilustracion {
        grid-column: 2;
        grid-row: 1;
        width: 704px !important;
        height: 266px !important
    }
}

.banner-portabilidad-test-contenid__portabilidad {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    color: #313235;
}

#version_2_magenta_parrillas {
    background: #f5f5f5;
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan {
    display: flex;
    width: 296px;
    height: auto;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #ddd;
    align-items: center;
    justify-content: start;
    flex-direction: column
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 296px;
    height: auto;
    gap: 10px;
    padding: 16px 16px 33px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: #0b2739;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ddd
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header .stefa_flexbox_text_top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 264px;
    height: 20px;
    gap: 6px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header .stefa_flexbox_text_top .text_top {
    width: auto;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 0
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header .stefa_text_mbps {
    width: 264px;
    height: 32px;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header .stefa_text_velocidad_simetrica {
    width: 264px;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header .stefa_contenedor_oferta_azul {
    width: 264px;
    height: 28px;
    border-radius: 4px;
    padding: 4px 8px 3px 4px;
    background: #019bef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_header .stefa_contenedor_oferta_azul .stefa_text_offer {
    width: 171px;
    height: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 0
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body {
    width: 296px;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_dscto {
    gap: 4px;
    width: auto;
    height: 24px;
    border-radius: 4px;
    padding: 2px 4px 1px;
    background: #e63780;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    transform: translateY(-2em);
    position: absolute
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_dscto .stefa_text_dscto {
    height: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0;
    color: #fff
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_prices {
    gap: 6px;
    width: 296px;
    height: auto;
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_prices .stefa_flexbox_prices {
    flex-direction: row;
    width: 296px;
    height: 36px;
    padding-bottom: 4px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_prices .stefa_flexbox_prices .stfa_price {
    width: auto;
    height: 32px;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    color: #313235
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_prices .stefa_flexbox_prices .stefa_mounths {
    width: auto;
    height: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0;
    color: #313235
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_container_prices .stefa_regular_prices {
    width: auto;
    height: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 0;
    color: #6b6c6f
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_btns_container {
    width: 296px;
    height: 64px;
    gap: 16px;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_btns_container .stefa_magento_comprar_online {
    text-decoration: none;
    width: 264px;
    height: 48px;
    border-radius: 60px;
    padding: 12px 16px 11px;
    background: #e63780;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_btns_container .stefa_magento_comprar_online:hover {
    background: #881e4a
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_benefits_includes {
    width: 296px;
    height: auto;
    gap: 10px;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_benefits_includes .stefa_contenedor_beneficio {
    width: 264px;
    height: 60px;
    gap: 10px;
    border-radius: 8px;
    padding: 8px;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: row
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_benefits_includes .stefa_contenedor_beneficio .stefa_img_benefit {
    width: 100%;
    height: 100%;
    max-width: 24px;
    max-height: 24px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_benefits_includes .stefa_contenedor_beneficio .stefa_flexbox_beneficios {
    width: 208px;
    height: 44px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    text-align: left;
    gap: 4px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_benefits_includes .stefa_contenedor_beneficio .stefa_flexbox_beneficios .stefa_beneficio_grid {
    color: #313235;
    width: 208px;
    height: 20px;
    gap: 4px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row;
    font-size: 14px;
    line-height: 20px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_benefits_includes .stefa_contenedor_beneficio .stefa_flexbox_beneficios .stefa_beneficio_grid .stefa_bottom_text {
    width: 208px;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 0
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_instalacion_container {
    margin: 16px auto;
    width: 264px;
    height: 40px;
    gap: 16px;
    border-radius: 8px;
    padding: 8px 8px 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: #f6f6f6
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_instalacion_container .stefa_text_instalacion {
    width: 200px;
    height: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    margin-bottom: 0
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container {
    width: auto;
    height: auto;
    gap: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .boton-toggle {
    color: #019bef;
    height: 20px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .toggle-box {
    align-items: center;
    width: 181px;
    height: auto
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .toggle-box .contenido-detalle {
    width: 180px;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: left;
    gap: 8px
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .toggle-box .contenido-detalle .texto-detalle {
    display: flex;
    width: 142px;
    height: 45px;
    align-items: start;
    justify-content: center;
    flex-direction: column
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .toggle-box .contenido-detalle .texto-detalle .titulo-detalle {
    width: auto;
    height: 18px;
    font-weight: 700;
    font-size: 14.8px;
    line-height: 17.72px;
    text-align: center;
    color: #0b2739
}

.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .toggle-box .contenido-detalle .texto-detalle .detalle-descarga,
.stefa_carrousel_parrillas_magent .stefa_contenedor_plan .stefa_body .stefa_toogle_container .toggle-box .contenido-detalle .texto-detalle .detalle-subida {
    width: auto;
    height: 13px;
    font-weight: 400;
    font-size: 10.42px;
    line-height: 12.48px;
    text-align: center;
    margin-bottom: 0;
    color: #0b2739
}

.stefa_terminos_condiciones-magento {
    position: relative;
    width: 328px;
    height: 76px;
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%)
}

#flexbox_custom_movistar::after {
    content: "▼";
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    color: #fff;
    line-height: 1
}

#flexbox_custom_movistar {
    display: flex;
    width: 266px;
    height: 294px;
    box-shadow: 0 7px 8px 0 #0000001F;
    padding: 0;
    border-radius: 8px 8px 3.22px 3.22px;
    flex-direction: column;
    align-items: center;
    justify-content: start
}

#flexbox_custom_movistar .img_custom_top {
    width: 100%;
    height: 100%;
    max-width: 266px;
    max-height: 132px
}

#flexbox_custom_movistar .stefa_information_tooltip {
    width: 238px;
    height: 132px;
    margin: 16px auto
}

#flexbox_custom_movistar .stefa_information_tooltip .stefa_header_information {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#flexbox_custom_movistar .stefa_information_tooltip .stefa_header_information b {
    width: 100%;
    margin-left: 4px
}

#flexbox_custom_movistar .stefa_information_tooltip .stefa_gray_text {
    margin-top: 6px;
    width: 236px;
    height: 26px;
    font-weight: 400;
    font-size: 10.25px;
    line-height: 12.75px;
    color: #6b6c6f;
    margin-bottom: 6px;
    text-wrap: auto
}

#flexbox_custom_movistar .stefa_information_tooltip .stefa_incluye {
    left: 50%;
    width: 100%;
    height: 7px;
    font-weight: 400;
    font-size: 10.25px;
    line-height: 12.75px;
    text-align: center;
    color: #313235;
    margin: 0 auto;
    transform: translateX(-50%);
    position: relative;
    display: block
}

#flexbox_custom_movistar .stefa_information_tooltip .stefa_mira_canales {
    color: #0b2739;
    width: auto;
    height: 5px;
    font-weight: 400;
    font-size: 8px;
    line-height: 15.3px;
    text-align: center;
    margin-top: 1.5em
}

.stefa_carrousel_magento .stefa_widthMax_nav_tabs {
    width: 100%;
    height: 56px;
    padding: 8px 16px;
    background: #fff;
    box-shadow: 0 2px 4px 0 #00000033;
    overflow-x: scroll;
    scrollbar-width: none;
    border-radius: 6px;
    transform: translate(0, -16px)
}

.stefa_carrousel_magento .stefa_widthMax_nav_tabs .stefa_custom_container_navs {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px
}

.stefa_carrousel_magento .stefa_widthMax_nav_tabs .stefa_custom_container_navs .lt__tab-item.lt__tab-item--active {
    border-bottom: 1px solid #ddd;
    background: #0b2739;
    font-weight: 700;
    color: #fff
}

.stefa_carrousel_magento .stefa_widthMax_nav_tabs .stefa_custom_container_navs .lt__tab-item {
    width: auto;
    min-width: 116px;
    height: 40px;
    gap: 14px;
    border-radius: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #ddd;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #313235
}

@media (min-width:600px) {
    .ltpopup-body {
        width: 546px;
        height: 490px
    }

    .stefa_carrousel_magento .stefa_widthMax_nav_tabs .stefa_custom_container_navs {
        justify-content: center
    }

    .stefa_carrousel_magento .stefa_widthMax_nav_tabs {
        left: 50%;
        max-width: 500px;
        transform: translate(-50%, -20px);
        position: relative
    }
}

#flexbox_custom_movistar .stefa_information_tooltip img#img_center-custom {
    left: 50%;
    transform: translateX(-50%);
    position: relative
}

.stefa_terminos_condiciones-magento .stefa_link {
    cursor: pointer;
    text-decoration: underline;
    width: 328px;
    height: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #019bef
}

.stefa_terminos_condiciones-magento .stefa_text {
    width: 328px;
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #6b6c6f;
    margin-bottom: 0
}

#version_2_magenta_parrillas .service-includes {
    margin: 32px auto;
    width: 328px;
    height: 24px;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    color: #313235
}

.toggle-box {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-in-out
}

.toggle-box.activo {
    max-height: 500px
}

.boton-toggle {
    background: 0 0;
    border: none;
    font: inherit;
    cursor: pointer;
    position: relative;
    padding-right: 20px
}

.boton-toggle u {
    text-decoration: underline
}

.boton-toggle::after {
    line-height: 32px;
    content: url("https://scwebpublicaresid1dev.blob.core.windows.net/multimedia/2025/06/SVG_JUN_Iconoparrillatest.svg");
    position: absolute;
    right: 0;
    top: -45%;

    transition: transform .3s;
    font-size: 26px;
    font-weight: 400
}

.boton-toggle.activo::after {
    transform: translateY(33%) rotate(180deg)
}

.tooltip-container {
    position: relative;
    display: inline-block;
    margin: 0
}

#version_2_magenta_parrillas .tooltip-text {
    visibility: hidden;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translate(-50%, 60px);
    background-color: #fff;
    color: #707070;
    padding: 0;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10
}

@media (max-width:768px) {
    #descripcion-custom--p.banner-portabilidad-test-contenido__badge {
        transform: translateX(-130px) !important
    }

    #banner-1-titulo.banner-portabilidad-test-contenido__contenedorTitulo {
        height: 64px !important
    }

    #descripcion-custom--p.banner-portabilidad-test-contenido__contenedorTitulo {
        height: 92px !important
    }

    .banner-portabilidad-test-contenido__contenedorTitulo {
        width: 328px;
        height: 64px
    }

    .banner-portabilidad-test-contenido__titulo span {
        right: -21px;
        bottom: 23px
    }

    .banner-portabilidad-test-contenido__titulo.titulo2 {
        position: relative;
        bottom: -7px
    }

    .banner-portabilidad-test-contenid__portabilidad {
        font-size: 22px
    }

    .banner-portabilidad-test-contenido__boxes {
        width: 328px;
        margin: 0 auto -1em
    }
}

.banner-portabilidad-test-ilustracion__tyc,
.banner-portabilidad-test-ilustracion__tyc:active,
.banner-portabilidad-test-ilustracion__tyc:focus,
.banner-portabilidad-test-ilustracion__tyc:hover {
    color: #fff !important
}

@media (max-width:1080px) and (min-width:768px) {
    .banner-portabilidad-test-contenido__boxes.d-flex {
        display: block !important
    }

    .banner-portabilidad-test-contenido__titulo.titulo2 {
        display: inline-block
    }

    .banner-portabilidad-test-contenido__titulo span {
        position: relative;
        right: auto
    }
}

.banner-portabilidad-test .swiper-button-next::after,
.banner-portabilidad-test .swiper-button-prev::after {
    font-size: 16px;
    color: #313235;
    font-weight: 700
}

.banner-portabilidad-test .swiper-button-next,
.banner-portabilidad-test .swiper-button-prev {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-portabilidad-test .swiper-button-next svg,
.banner-portabilidad-test .swiper-button-prev svg {
    color: #313235;
    width: 10px;
    height: 10px;
    display: none
}

.banner-portabilidad-test-parrilla-gigas-badge__texto,
.stefa-planes-portabilidad-test-parrilla-encabezado__subTitulo {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-contenido__contenedorTitulo,
.portlet-decorate .portlet-content {
    padding: 0
}

.banner-portabilidad-test {
    width: 100%;
    background-color: #fff;
    position: relative;
    height: auto;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1em
}

.banner-portabilidad-test .swiper-wrapper {
    height: auto !important
}

.banner-portabilidad-test__parrilla {
    width: 100%;
    height: 100px
}

.banner-portabilidad-test__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0
}

.banner-portabilidad-test__ilustracion {
    width: 100%;
    height: 180px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-portabilidad-test .swiper-pagination-bullet {
    width: 30px !important;
    height: 30px !important;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    background-color: transparent;
    opacity: unset;
    font-weight: 400;
    color: #313235;
    border: 1px solid #ddd
}

.banner-portabilidad-test .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e6f5fd !important;
    color: #313235;
    font-weight: 700
}

.banner-portabilidad-test .lt-swiper-nav.swiper-button-disabled {
    opacity: unset !important
}

.banner-portabilidad-test .lt-swiper-nav.swiper-button-disabled::after {
    font-weight: 400
}

.banner-portabilidad-test .lt-swiper-nav {
    top: unset;
    bottom: 13px;
    transform: none
}

.banner-portabilidad-test .lt-button-prev.lt-swiper-nav {
    left: 30%;
    z-index: 15;
    transform: translateY(10px)
}

.banner-portabilidad-test .lt-button-next.lt-swiper-nav {
    right: 30%;
    z-index: 15;
    transform: translateY(10px)
}

.banner-portabilidad-test-parrilla__contenido {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 130px;
    padding: 0
}

.banner-portabilidad-test-parrilla-contenido__titulo {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #000;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-contenido__fecha {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #000;
    margin-bottom: 13px
}

.banner-portabilidad-test-parrilla-contenido__contenedor {
    width: 130px;
    height: 64px;
    border-radius: 8px
}

.banner-portabilidad-test-parrilla-contenido-contenedor__descuento {
    background-color: #019df4;
    height: 44.3px;
    display: flex;
    justify-content: center;
    align-items: start;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.banner-portabilidad-test-parrilla-contenido-contenedor-descuento__hasta {
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-contenido-contenedor-descuento__precio {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-contenido-contenedor__detalle {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 6px
}

.banner-portabilidad-test-parrilla-contenido-contenedor-detalle__dto {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-contenido-contenedor-detalle__contado {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-contenido-contenedor__cambiate {
    width: 100%;
    height: 19.69px;
    background-color: #0b2739;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.banner-portabilidad-test-parrilla-contenido-contenedor-cambiate__texto {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test__contenido {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: auto;
    padding: 16px 10px;
    margin: 0 auto;
    gap: 6px
}

.banner-portabilidad-test-contenido__badge {
    display: flex;
    width: 80px;
    height: 24px;
    border-radius: 4px;
    background-color: #e6f5fd;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #019bef;
    align-items: center;
    justify-content: center;
    transform: translateX(-125px)
}

.banner-portabilidad-test-contenido__titulo {
    color: #313235;
    margin-bottom: 0;
    display: contents;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: left
}

.banner-portabilidad-test-contenido__titulo.titulo2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 8px
}

.banner-portabilidad-test-contenid__portabilidad b,
.separadorportate {
    padding: 0 3px
}

.banner-portabilidad-test-contenido__titulo span {
    position: relative;
    right: 188px
}

.banner-portabilidad-test-contenido__portate {
    width: 328px;
    height: 48px;
    color: #737578;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.banner-portabilidad-test-contenido__portate span {
    color: #019bef
}

.banner-portabilidad-test-contenido__llamame {
    width: 343px;
    height: 48px;
    min-height: 48px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #019bef;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #fff !important;
    border: none;
    transform: translateY(10px)
}

.banner-portabilidad-test-contenido__llamame:hover {
    background-color: #008edd;
    color: #fff
}

.banner-portabilidad-test-parrilla__gigas {
    width: 176px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 3px;
    padding: 0
}

.banner-portabilidad-test-parrilla-gigas__badge {
    width: 130px;
    height: 24px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e63780;
    gap: 5px;
    margin-bottom: 6px
}

.banner-portabilidad-test-parrilla-gigas__texto {
    font-size: 17px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -.02em;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-gigas__desde {
    font-size: 17px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -.03em;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-gigas__contenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #fff;
    padding: 0 5px;
    margin-top: 6px;
    gap: 4px
}

.banner-portabilidad-test-parrilla-gigas-contenedor__moneda {
    font-size: 12px;
    font-weight: 700;
    line-height: 35.93px;
    letter-spacing: -.03em;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-gigas-contenedor__precio {
    font-size: 40px;
    font-weight: 700;
    line-height: 35.93px;
    letter-spacing: -.03em;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-parrilla-gigas-contenedor__decimales {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start
}

.banner-portabilidad-test-parrilla-gigas-contenedor-decimales__texto,
.banner-portabilidad-test-parrilla-gigas-contenedor-decimales__tiempo {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.03em;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.banner-portabilidad-test-ilustracion__tyc {
    width: 148px;
    height: 13px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12.5px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    transform: translate(-71px, -15px);
    z-index: 1
}

.banner-portabilidad-test-ilustracion__tyc:hover {
    cursor: pointer
}

@media (min-width:767px) {
    .stefa_section_carrouselv2--item1-lib-parr .swiper-container-autoheight .swiper-wrapper {
        justify-content: center
    }
}

@media (min-width:800px) and (max-width:1280px) {
    .hero-content-header-wrapper {
        grid-template-columns: auto
    }
}

.hero-content-header-wrapper {
    padding: 0 0 40px !important
}

.hv_div_plan_2_meses {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    top: -16px;
    left: 140px;
    background: #019df4;
    height: 65px;
    border-radius: 5px;
    justify-content: center;
    width: 254px;
    margin: 0 auto 10px
}

.hv_img_plan_2_meses {
    width: 36px;
    height: 36px
}

.hv_txt_plan_2_meses {
    display: flex;
    font-size: 10px;
    flex-direction: column;
    line-height: 1.4em;
    color: #fff;
    align-items: center;
    text-wrap: nowrap;
    margin-left: 15px
}

.hv_txt_plan_2_meses b {
    font-size: 14px
}

.hv_txt_plan_2_meses span {
    font-style: italic;
    font-size: 10px
}

@media (min-width:1280px) {
    .stefa_carrousel_magento .stefa_widthMax_nav_tabs {
        width: 1016px;
        height: 72px;
        border-radius: 8px;
        max-width: max-content
    }

    .stefa_carrousel_magento .stefa_widthMax_nav_tabs .stefa_custom_container_navs .lt__tab-item {
        width: 244px;
        height: 56px;
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 18px
    }

    .stefa_carrousel_magento .lt__parent {
        padding-top: 3em
    }

    .banner-portabilidad-test__container {
        justify-content: center !important
    }
}

.faq-title {
    font-family: Telefonica !important;
    margin-top: 30px
}

@media(max-width:600px) {
    .wifi-extender-app-image {
        display: none
    }

    .wifi-extender-app {
        max-width: 320px;
        margin: 0 auto
    }
}

.benefits-title a {
    color: #fff
}

.stefa_carrousel_general .lt__parent {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
}