/* POPULOOS */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

.call-to-action {
    background-color: #c9c9c9;
    background-color: var(--color-populoos-grey);
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    display: flex;
    flex-direction: column;
    padding: 5rem 0
}

.call-to-action span.title {
    color: #fff;
    display: block;
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    margin: 0 auto;
    max-width: 80%;
    text-align: center
}

.call-to-action span.title strong {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-family: BetmRounded-SemiBold, sans-serif
}

.call-to-action .img-back {
    align-self: flex-end;
    background-image: url(../../../../assets/images/talking.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9999px 0 0 9999px;
    height: 300px;
    margin-top: 2rem;
    max-width: 1635px;
    width: 90%
}

.call-to-action .questions {
    margin: 2rem auto
}

.call-to-action .questions, .call-to-action .questions > div {
    align-items: center;
    display: flex;
    flex-direction: column
}

.icon-circle {
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 180px;
    justify-content: center;
    margin-top: 25px;
    width: 180px
}

.icon-circle.red {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.icon-circle.red:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.icon-circle.red svg {
    height: 84px;
    width: 82.5px
}

.icon-circle.red:hover svg {
    filter: invert(31%) sepia(24%) saturate(5651%) hue-rotate(355deg) brightness(95%) contrast(91%)
}

.icon-circle.green {
    background-color: #066633;
    background-color: var(--color-populoos-green)
}

.icon-circle.green:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.icon-circle.green svg {
    height: 87px;
    width: 78px
}

.icon-circle.green:hover svg {
    filter: invert(27%) sepia(10%) saturate(7473%) hue-rotate(114deg) brightness(96%) contrast(95%)
}

.icon-circle.blue {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

.icon-circle.blue:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.icon-circle.blue svg {
    height: 87px;
    width: 78px
}

.icon-circle.blue:hover svg {
    filter: brightness(0) saturate(100%) invert(19%) sepia(15%) saturate(2496%) hue-rotate(195deg) brightness(84%) contrast(96%)
}

.questions .red-toroid, .questions .yellow-circle {
    height: 40px;
    margin: 1.5rem;
    width: 40px
}

@media (min-width: 992px) {
    .call-to-action span.title {
        font-size: 70px
    }
}

@media (min-width: 1200px) {
    .call-to-action {
        padding: 10rem 0
    }

    .call-to-action .img-back {
        height: 500px;
        margin-top: 2rem;
        max-width: 1635px;
        width: 80%
    }

    .call-to-action .questions {
        align-items: flex-end;
        flex-direction: row;
        margin: -100px auto 0
    }

    .icon-circle {
        height: 200px;
        margin-top: 40px;
        width: 200px
    }

    .icon-circle.blue svg, .icon-circle.green svg, .icon-circle.red svg {
        height: 80px;
        width: 80px
    }

    .questions .red-toroid, .questions .yellow-circle {
        height: 60px;
        margin-bottom: 70px;
        width: 60px
    }
}

@media (min-width: 1400px) {
    .icon-circle {
        height: 281px;
        margin-top: 40px;
        width: 281px
    }

    .icon-circle.blue svg, .icon-circle.green svg, .icon-circle.red svg {
        height: 131px;
        width: 130px
    }

    .questions .red-toroid, .questions .yellow-circle {
        height: 79px;
        margin-bottom: 109px;
        width: 79px
    }
}

.card {
    background: #fff;
    border-radius: 30px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, .161);*/
    min-width: 316px;
    position: relative;
    /*width: 316px*/
}

#purchas .card {
    border-bottom: 1px solid var(--color-populoos-red) !important;
}

.card.mini {
    min-width: 158px;
    width: 158px
}

.card.medium {
    min-width: 237px;
    width: 237px
}

.card.mini.promo svg:first-of-type {
    height: 33.1px;
    width: 36.67px
}

.card.mini.promo svg:nth-of-type(2) {
    height: 25.06px;
    width: 36.17px
}

.card.medium.promo svg:first-of-type {
    height: 49px;
    width: 55px
}

.card.medium.promo svg:nth-of-type(2) {
    height: 37.5px;
    width: 54px
}

.card p {
    line-height: 1;
    margin-bottom: 0;
    text-align: center
}

.card.yellow p {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.card.green p {
    color: #066633;
    color: var(--color-populoos-green)
}

.card.red p {
    color: #d74415;
    color: var(--color-populoos-red)
}

.card.blue p {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.card .card-head.solid {
    border-radius: 0 0 999999px 999999px;
    height: 130px;
    margin: 0 auto;
    padding: 1rem 0;
    width: 80%
}

.card.mini .card-head.solid {
    height: 75px
}

.card.medium .card-head.solid {
    height: 112.5px
}

.card.yellow .card-head.solid {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.card.red .card-head.solid {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.card.blue .card-head.solid {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

.card.green .card-head.solid {
    background-color: #066633;
    background-color: var(--color-populoos-green)
}

.card.internet .card-head.solid p:first-of-type, .card.mobile .card-head.solid p:first-of-type {
    color: #fff;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 24px
}

.card.internet .card-head.solid p:nth-of-type(2) {
    color: #fff;
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.card.mobile .card-head.solid p:nth-of-type(2) {
    color: #fff;
    font-family: CoreSansA85, sans-serif;
    font-size: 56px
}

.card.fibra-mobile .card-head {
    align-items: center;
    display: flex;
    justify-content: center
}

.card.promo .card-head {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 1rem
}

.card.mini.promo .card-head {
    padding: .5rem
}

.card.medium.promo .card-head {
    padding: .75rem
}

.card .card-body {
    align-items: start;
    display: flex;
    flex-direction: column;
    padding: 2rem 1rem 1rem
}

.card.promo .card-head p {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 24px;
    margin-top: 1rem
}

.card.mini.promo .card-head p {
    font-size: 12px
}

.card.medium.promo .card-head p {
    font-size: 18px
}

.card.fibra-mobile .card-head p {
    color: #fff;
    font-family: CoreSansA85, sans-serif;
    font-size: 100px
}

.card.fibra-mobile .card-head div p {
    color: #fff;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 24px;
    padding-left: 5px;
    text-align: left
}

.card.fibra-mobile .card-footnote {
    font-size: .9em
}

.card.internet .card-body p:first-of-type, .card.mobile .card-body p:first-of-type {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 24px;
    margin-top: 1rem
}

.card.bonos .card-body p:first-of-type {
    font-family: CoreSansA85, sans-serif;
    font-size: 70px;
}

.card.bonos .card-body p:last-of-type {
    font-family: CoreSansA85, sans-serif;
    margin-bottom: 2rem
}

.card.bonos-fibra .card-body p:first-of-type {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 40px;
    padding: 0
}

.card.agile .card-body svg {
    margin-bottom: .5rem
}

.card.agile .card-body p:first-of-type {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 40px;
    padding: 0
}

.card.agile .card-body p:nth-of-type(2) {
    font-family: BetmRounded-Bold, sans-serif
}

.card.bonos-fibra .card-body p:nth-of-type(2) {
    margin: -1rem 0 0
}

.card.bonos-fibra .card-body p:nth-of-type(2), .card.promo .card-body p:first-of-type {
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.card.mini.promo .card-body p:first-of-type {
    font-size: 35px
}

.card.medium.promo .card-body p:first-of-type {
    font-size: 52.5px
}

.card.promo .card-body p:nth-of-type(2) {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 70px
}

.card.mini.promo .card-body p:nth-of-type(2) {
    font-size: 35px
}

.card.medium.promo .card-body p:nth-of-type(2) {
    font-size: 52.5px
}

.card.promo .card-body p:nth-of-type(3) {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 24px
}

.card.mini.promo .card-body p:nth-of-type(3) {
    font-size: 12px
}

.card.medium.promo .card-body p:nth-of-type(3) {
    font-size: 18px
}

.card.internet .card-body p:nth-of-type(2), .card.mobile .card-body p:nth-of-type(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.card.fibra-mobile .card-body p:first-of-type {
    font-size: 20px;
    margin-top: .5rem
}

.card.fibra-mobile .card-body p:first-of-type span {
    font-family: CoreSansA85, sans-serif;
    font-size: 24px
}

.card hr {
    border: none;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 80%
}

.card.yellow hr {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.card.blue hr {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

.card.green hr {
    background-color: #066633;
    background-color: var(--color-populoos-green)
}

.card.red hr {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.card .card-footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    justify-content: center;
}

.card .card-footer.solid {
    border-radius: 999999px 999999px 0 0;
    height: 120px;
    margin: 0 auto;
    padding: .5rem 0 0;
    width: 75%
}

.card .card-footer.solid.extra-width {
    width: 80%
}

.card.mini .card-footer.solid {
    height: 70px;
    width: 70%
}

.card.medium .card-footer.solid {
    height: 105px;
    width: 80%
}

.card.yellow .card-footer.solid {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.card.red .card-footer.solid {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.card.blue .card-footer.solid {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

.card.green .card-footer.solid {
    background-color: #066633;
    background-color: var(--color-populoos-green)
}

.card.internet .card-footer p, .card.mobile .card-footer p {
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px
}

.card.agile .card-footer .price, .card.bonos .card-footer .price, .card.bonos-fibra .card-footer .price, .card.fibra-mobile .card-footer .price, .card.internet .card-footer .price, .card.mobile .card-footer .price {
    display: flex;
    padding: .5rem 0
}

.card.fibra-mobile .card-footer .price p, .card.internet .card-footer .price p, .card.mobile .card-footer .price p {
    font-family: CoreSansA85, sans-serif
}

.card.internet .card-footer .price p:first-of-type {
    font-size: 40px;
    text-align: right
}

.card.fibra-mobile .card-footer .price p:first-of-type, .card.mobile .card-footer .price p:first-of-type {
    font-size: 70px;
    text-align: right
}

.card.fibra-mobile .card-footer .price div, .card.internet .card-footer .price div, .card.mobile .card-footer .price div {
    padding-left: .3rem
}

.card.internet .card-footer .price div p:first-of-type {
    font-size: 22px;
    padding: 5px 0 0 2px;
    text-align: left
}

.card.internet .card-footer .price div p:nth-of-type(2) {
    font-size: 10px;
    text-align: left
}

.card.fibra-mobile .card-footer .price div p:first-of-type, .card.mobile .card-footer .price div p:first-of-type {
    font-size: 40px;
    padding: 5px 0 0 2px;
    text-align: left
}

.card.fibra-mobile .card-footer .price div p:nth-of-type(2), .card.mobile .card-footer .price div p:nth-of-type(2) {
    font-size: 20px;
    text-align: left
}

.card.fibra-mobile .card-footer a, .card.fibra-mobile .card-footer button, .card.internet .card-footer a, .card.mobile .card-footer a {
    margin-top: 1rem
}

.card.agile .card-footer p, .card.bonos .card-footer p, .card.bonos-fibra .card-footer p {
    color: #fff;
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px
}

.card.agile .card-footer .price, .card.bonos .card-footer .price, .card.bonos-fibra .card-footer .price {
    padding: .6rem 0 0
}

.card.bonos .card-footer .price p:first-of-type {
    color: #fff;
    font-family: CoreSansA85, sans-serif;
    font-size: 60px;
    line-height: 1;
    text-align: center
}

.card.bonos .card-footer .price p:nth-of-type(2), .card.bonos.english .card-footer .price p:first-of-type {
    color: #fff;
    font-family: CoreSansA85, sans-serif;
    font-size: 30px;
    line-height: 1;
    padding-top: 5px;
    text-align: center
}

.card.bonos.english .card-footer .price p:nth-of-type(2) {
    color: #fff;
    font-family: CoreSansA85, sans-serif;
    font-size: 60px;
    line-height: 1;
    text-align: center
}

.card.agile .card-footer .price p, .card.bonos-fibra .card-footer .price p {
    font-family: CoreSansA85, sans-serif
}

.card.agile .card-footer .price p:first-of-type, .card.bonos-fibra .card-footer .price p:first-of-type {
    font-size: 55px;
    text-align: right
}

.card.agile .card-footer .price div p:first-of-type, .card.bonos-fibra .card-footer .price div p:first-of-type {
    font-size: 30px;
    padding: 5px 0 0 2px;
    text-align: left
}

.card.bonos-fibra .card-footer .price div p:first-of-type span {
    font-size: 16px;
    padding-left: 5px;
    vertical-align: super
}

.card.agile .card-footer .price div p:nth-of-type(2), .card.bonos-fibra .card-footer .price div p:nth-of-type(2) {
    font-size: 16px;
    text-align: left
}

.card.promo .card-footer.solid {
    align-items: center;
    display: flex;
    justify-content: center
}

.product-card {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .161);
    display: flex;
    flex-direction: column;
    max-width: 315px;
    padding: 0 1rem 1rem;
    position: relative;
    width: 100%
}

.product-card hr {
    border: .5px solid;
    margin: 0 auto 1.5rem;
    width: 90%
}

.product-card__header {
    border-bottom-left-radius: 99999px;
    border-bottom-right-radius: 99999px;
    line-height: 1;
    color: var(--color-populoos-white);
    font-family: Helvetica, sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin: 0 auto 2rem;
    min-height: 130px;
    padding: 1rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 90%
}

.product-card__header strong {
    display: block;
    font-family: CoreSansA85, sans-serif
}

.product-card__header img {
    width: 180px
}

.product-card__preheader {
    line-height: 1;
    color: var(--color-populoos-white);
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 24px !important;
    border-bottom: 1px solid white;
    margin: 0 auto 2rem;
    padding: 3px 0 !important;
    /*padding-top: 10px!important;*/
    margin-bottom: 0 !important;
    text-align: center;
    text-transform: uppercase;
    width: 90%
}

.product-card__preheader strong {
    display: block;
    font-family: CoreSansA85, sans-serif
}

.product-card__preheader img {
    width: 180px
}

.product-card__icon {
    display: block;
    margin: 1rem auto 1rem;
    max-height: 60px;
    max-width: 100%
}

.product-card__pic {
    display: block;
    margin: 0 auto 1rem;
    max-width: 70%
}

.product-card__description.product-card__description h2 {
    font-size: 20px !important;
    line-height: 1;
    margin-bottom: 1rem !important;
    text-align: center
}

.product-card__description.product-card__description.fibra-offer h2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 1rem;
    text-align: center
}

.product-card__description.product-card__description.fibra-offer h2 span:nth-child(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 40px
}

.product-card__description h2 strong {
    font-family: CoreSansA85, sans-serif;
    font-size: 24px
}

.product-card__price {
    align-items: center;
    display: flex;
    font-family: CoreSansA85, sans-serif;
    font-size: 70px;
    justify-content: center;
    margin-bottom: .5rem
}

.product-card__price-amount {
    font-size: 1em;
    text-align: right
}

.product-card__price-currency {
    line-height: 1;
    display: inline-flex;
    flex-direction: column;
    padding-left: .4rem
}

.product-card__price-currency-sup {
    font-size: 40px;
    font-size: .57em
}

.product-card__price-currency-sub {
    font-size: .28em
}

.product-card__note {
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px;
    margin-bottom: .3em;
    text-align: center;
    line-height: 1;
}

.product-card__white-height {
    height: 1.5rem
}

.product-card.--is-variation-internet-offer .product-card__note .empha {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 34px;
    margin-bottom: .3em;
    text-align: center
}

.product-card.--is-variation-fibra-offer .product-card__note .empha {
    font-family: Poppins-Medium, sans-serif;
    font-size: 18px;
    margin-bottom: .3em;
    text-align: center
}

.product-card__button {
    border: 1px solid;
    border-radius: 10em;
    color: currentcolor;
    display: inline-block;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 1.2rem;
    margin: 1rem auto 0;
    min-width: 190px;
    padding: .5em 1em;
    text-align: center;
    transition: background-color .3s ease-in, color .3s ease-in
}

.product-card__button:hover {
    color: #fff;
    color: var(--color-populoos-white);
    transition: background-color .3s ease-out, color .3s ease-out
}

.product-card__solid-button {
    border: 1px solid;
    border-radius: 10em;
    color: #fff;
    display: inline-block;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 1.2rem;
    margin: 1rem auto 0;
    min-width: 190px;
    padding: .5em 1em;
    text-align: center;
    transition: background-color .3s ease-in, border .3s ease-in, color .3s ease-in
}

.product-card__solid-button:hover {
    background-color: #fff;
    transition: background-color .3s ease-out, border .3s ease-out, color .3s ease-out
}

.product-card__stamp {
    align-items: center;
    color: #fff;
    color: var(--color-populoos-white);
    display: inline-flex;
    justify-content: center;
    left: -40px;
    padding: 0 1rem;
    position: absolute;
    /*top: 100px;*/
    transform: rotate(-5deg);
    top: 85px;
    height: 155px;
    width: 155px;
}

.product-card__stamp img {
    width: 100% !important;
}

.product-card__stamp-text {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: .9em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

.product-card__stamp-text strong {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 1.8em;
    font-weight: 900;
    line-height: 1
}

.product-card__stamp-text strong.--is-small {
    font-size: 1.4em
}

.product-card__stamp-text.small {
    font-size: .6em
}

.product-card__stamp svg {
    fill: #066633;
    fill: var(--color-populoos-green);
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: inherit
}

.product-card.--is-color-yellow {
    color: #fab831;
    color: var(--color-populoos-yellow) !important;
}

.product-card.--is-color-blue {
    color: #252b5c;
    color: var(--color-populoos-blue) !important
}

.product-card.--is-color-green {
    color: #066633;
    color: var(--color-populoos-green) !important
}

.product-card.--is-color-red {
    color: #343434;
    color: #343434 !important
}

.product-card.--is-color-yellow .product-card__button:hover, .product-card.--is-color-yellow .product-card__header, .product-card.--is-color-yellow .product-card__preheader {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
}

.product-card.--is-color-blue .product-card__button:hover, .product-card.--is-color-blue .product-card__header, .product-card.--is-color-blue .product-card__preheader {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
}

.product-card.--is-color-green .product-card__button:hover, .product-card.--is-color-green .product-card__header, .product-card.--is-color-green .product-card__preheader {
    background-color: #066633;
    background-color: var(--color-populoos-green);
}

.product-card.--is-color-red .product-card__button:hover, .product-card.--is-color-red .product-card__header, .product-card.--is-color-red .product-card__preheader {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
}

.product-card.--is-color-yellow .tv-text1, .product-card.--is-color-yellow .tv-text2, .product-card.--is-color-yellow .tv-text3 {
    border-color: #fab831;
    border-color: var(--color-populoos-yellow);
}

.product-card.--is-color-blue .tv-text1, .product-card.--is-color-blue .tv-text2, .product-card.--is-color-blue .tv-text3 {
    border-color: #252b5c;
    border-color: var(--color-populoos-blue);
}

.product-card.--is-color-red .tv-text1, .product-card.--is-color-red .tv-text2, .product-card.--is-color-red .tv-text3 {
    border-color: #343434;
    border-color: #343434;
}

.product-card.--is-color-green .tv-text1, .product-card.--is-color-green .tv-text2, .product-card.--is-color-green .tv-text3 {
    border-color: #066633;
    border-color: var(--color-populoos-green);
}

.product-card.--is-color-yellow .product-card__solid-button {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow) !important
}

.product-card.--is-color-blue .product-card__solid-button {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue) !important
}

.product-card.--is-color-red .product-card__solid-button {
    background-color: #d74415;
    background-color: var(--color-populoos-red) !important
}

.product-card.--is-color-green .product-card__solid-button {
    background-color: #066633;
    background-color: var(--color-populoos-green) !important
}

.product-card.--is-color-yellow .product-card__solid-button:hover {
    background-color: #fff;
    color: #fab831;
    color: var(--color-populoos-yellow) !important
}

.product-card.--is-color-blue .product-card__solid-button:hover {
    background-color: #fff;
    color: #252b5c;
    color: var(--color-populoos-blue) !important
}

.product-card.--is-color-red .product-card__solid-button:hover {
    background-color: #fff;
    color: #d74415;
    color: var(--color-populoos-red) !important
}

.product-card.--is-color-green .product-card__solid-button:hover {
    background-color: #fff;
    color: #066633;
    color: var(--color-populoos-green) !important
}

.product-card.--is-variation-fiber .product-card__price {
    font-size: 40px
}

.product-card.--is-variation-fiber .product-card__header strong, .product-card.--is-variation-fiber .product-card__preheader strong, .product-card.--is-variation-mobile .product-card__price {
    /*font-size: 70px*/
    font-size: 3.5rem;
}

.product-card.--is-variation-alarm .product-card__header strong, .product-card.--is-variation-alarm .product-card__preheader strong, .product-card.--is-variation-mobile .product-card__header strong, .product-card.--is-variation-mobile .product-card__preheader strong {
    font-size: 3rem;
}

.product-card.--is-variation-fiber .product-card__description h2, .product-card.--is-variation-mobile .product-card__description h2 {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 24px
}

.product-card.--is-variation-alarm .product-card__description h2 {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 22px
}

.product-card.--is-variation-fiber .product-card__description h2 strong {
    display: block;
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.product-card.--is-variation-internet-mobile .product-card__header, .product-card.--is-variation-internet-mobile .product-card__preheader {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 64px;
    text-align: left;
    margin: 0 auto;
}

.product-card.--is-variation-internet-mobile .product-card__header strong, .product-card.--is-variation-internet-mobile .product-card__preheader strong {
    font-size: 100px
}

.product-card.--is-variation-fibre-offer .product-card__header strong, .product-card.--is-variation-fibre-offer .product-card__preheader strong {
    font-size: 70px
}

.product-card.--is-variation-internet-offer .product-card__header strong, .product-card.--is-variation-internet-offer .product-card__preheader strong {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 40px;
    margin-top: 20px
}

.product-card.--is-variation-fibra-offer .product-card__header strong, .product-card.--is-variation-fibra-offer .product-card__preheader strong {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 60px;
    margin-top: 20px
}

.product-card.--is-variation-wimax .product-card__header strong, .product-card.--is-variation-wimax .product-card__preheader strong {
    font-size: 50px
}

.product-card.--is-variation-internet-tv .product-card__header, .product-card.--is-variation-internet-tv .product-card__preheader {
    font-size: 50px;
    line-height: .8;
    margin-bottom: 0
}

.product-card.--is-variation-internet-tv .product-card__price {
    margin-bottom: 0
}

.product-card.--is-variation-internet-tv .product-card__header span, .product-card.--is-variation-internet-tv .product-card__preheader span {
    font-size: 30px
}

.product-card.--is-variation-internet-tv .product-card__price-amount {
    font-size: 80px
}

.product-card.--is-variation-internet-tv .product-card__price-amount .float {
    font-size: 32px
}

.product-card.--is-variation-internet-tv .product-card__price-currency-sup {
    font-size: 35px
}

.product-card.--is-variation-internet-tv .product-card__price-currency-sub {
    font-size: 30px;
    text-transform: uppercase
}

.product-card.--is-variation-internet-tv .tv-text1, .product-card.--is-variation-internet-tv .tv-text2, .product-card.--is-variation-internet-tv .tv-text3 {
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    margin: 5px 0;
    padding: 5px;
    text-align: center
}

.product-card.--is-variation-internet-tv .tv-text1 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 32px;
    font-weight: 900
}

.product-card.--is-variation-internet-tv .tv-text2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 20px;
    font-weight: 900
}

.product-card.--is-variation-internet-tv .tv-text3 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 16px;
    min-height: 100px
}

.product-card.--is-variation-internet-tv .tv-text3.empty {
    border: none
}

.product-card.--is-variation-internet-tv .tv-text3 span {
    font-size: 28px;
    font-weight: 900
}

.product-card.--is-variation-fibra-offer .product-card__description h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center
}

.product-card.--is-variation-fibra-offer .product-card__separator {
    margin: 0
}

.product-card.--is-variation-fibra-offer .price-text {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 28px;
    margin: 0;
    text-align: center
}

.link-button {
    align-items: center;
    display: flex;
    font-family: BetmRounded-SemiBold, sans-serif;
    justify-content: center;
    text-align: center;
    transition: all .3s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.link-button.small {
    border-radius: 10em;
    font-size: 1rem;
    padding: .5em 1em
}

.link-button.medium {
    border-radius: 10em;
    font-size: 1.2rem;
    min-width: 188px;
    padding: .5em 1em
}

.link-button.big {
    border-radius: 10em;
    font-size: 1.2rem;
    min-height: 71px;
    min-width: 265px;
    padding: .8em 1.5em
}

.link-button svg {
    margin-right: .5rem
}

.link-button.solid-yellow {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.solid-yellow:hover {
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.solid-red-blue {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-red-blue:hover {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue)
}

.link-button.solid-yellow-blue {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.solid-yellow-blue, .link-button.solid-yellow-blue:hover {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow)
}

.link-button.solid-yellow-blue:hover {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-red-yellow {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-red-yellow:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.solid-green-yellow {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green);
    color: #fab831;
    color: var(--color-populoos-yellow) !important;
}

.link-button.solid-green-yellow:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green);
    color: #066633 !important;
    color: var(--color-populoos-green) !important;
}

.link-button.white-red {
    background-color: #fff;
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.white-red:hover {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    color: #fff
}

.link-button.solid-green-white {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-green-white:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #066633;
    color: var(--color-populoos-green)
}

.link-button.solid-blue-yellow {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-blue-yellow:hover {
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue)
}

.link-button.solid-blue-yellow:hover, .link-button.solid-yellow-white {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.solid-yellow-white {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow)
}

.link-button.solid-yellow-white:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-red-white {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.solid-red-white:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.outline-yellow {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.outline-yellow:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    color: #fff
}

.link-button.outline-yellow-blue {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.outline-yellow-blue:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.outline-yellow-green {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.outline-yellow-green:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    color: #066633;
    color: var(--color-populoos-green)
}

.link-button.outline-red {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.outline-red:hover {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    color: #fff
}

.link-button.outline-green {
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green);
    color: #066633;
    color: var(--color-populoos-green)
}

.link-button.outline-green:hover {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    color: #fff
}

.link-button.outline-blue {
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.outline-blue:hover {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    color: #fff
}

.link-button.outline-red-blue {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.outline-red-blue:hover {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.link-button.outline-blue-red {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.outline-blue-red:hover {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.link-button.outline-red-yellow {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red)
}

.link-button.outline-red-yellow:hover {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.outline-yellow-red {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.link-button.outline-yellow-red:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    color: #d74415;
    color: var(--color-populoos-red)
}

button:disabled {
    background-color: #c9c9c9 !important;
    background-color: var(--color-populoos-grey) !important;
    border: 1px solid #c9c9c9 !important;
    border: 1px solid var(--color-populoos-grey) !important;
    color: #fff !important;
    cursor: not-allowed !important
}

.switch-buttons {
    align-items: center;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

.switch-buttons button {
    border: 1px solid;
    border-radius: 10em;
    color: currentcolor;
    display: inline-block;
    font-family: Poppins-Medium, sans-serif;
    font-size: 1rem;
    margin: 1rem;
    min-width: 190px;
    padding: .5em 1em;
    text-align: center;
    transition: background-color .3s ease-in, color .3s ease-in
}

.content-mobile .switch-buttons {
    margin-bottom: 15px;
}

.content-mobile .switch-buttons button {
    font-size: 0.8rem;
    margin: 0 !important;
    /*padding: .5em 1em;*/
    min-width: auto;
}


.switch-buttons button.active, .switch-buttons button:hover {
    color: var(--color-populoos-red)
}

.footer-back, .switch-buttons button.active, .switch-buttons button:hover {
    background-color: var(--color-populoos-blue)
}

/*footer {*/
/*    color: #fff;*/
/*    display: flex;*/
/*    flex-flow: column;*/
/*    flex-wrap: wrap;*/
/*    font-family: Poppins-Light, sans-serif;*/
/*    margin: 0 auto;*/
/*    max-width: var(--header-width-desktop);*/
/*    padding: 2rem 3rem;*/
/*    position: relative;*/
/*    width: 100%*/
/*}*/

footer .col-33 {
    margin: 2rem 0;
    width: 100%
}

footer .col-33:first-child {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

footer span.title {
    display: block;
    font-family: BetmRounded-Light, sans-serif;
    font-size: 30px;
    padding: 0;
    text-align: left;
    width: 100%
}

footer span.title strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

footer span.title span.yellow, footer span.title strong.yellow {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

footer span.title span.red, footer span.title strong.red {
    color: #d74415;
    color: var(--color-populoos-red)
}

footer span.title span.blue, footer span.title strong.blue {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

footer span.title span.green, footer span.title strong.green {
    color: #066633;
    color: var(--color-populoos-green)
}

footer span.title span.white, footer span.title strong.white {
    color: #fff
}

footer p {
    font-size: 14px
}

footer a {
    color: #fff;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: .8rem;
    line-height: 1.5
}

footer a:hover {
    color: #d74415;
    color: var(--color-populoos-red)
}

footer a.email {
    color: #fab831;
    color: var(--color-populoos-yellow);
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 24px
}

.contact__whatsapp {
    display: block;
    margin-top: 10px
}

footer .mini-links {
    display: block
}

footer .links {
    display: none
}

footer .links a, footer .mini-links a {
    display: block;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

footer .footer-logo {
    fill: #fab831;
    fill: var(--color-populoos-yellow);
    height: 60px;
    width: 170px
}

footer hr {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: none;
    height: 1px
}

footer .contact, footer hr {
    margin: 2rem 0
}

footer .contact span.title, footer .contact span.title a {
    font-size: 40px
}

footer .contact p {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 20px
}

footer .contact a.rrss {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    border-radius: 60px;
    display: inline-block;
    height: 53px;
    width: 53px
}

footer .contact a.rrss:hover {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

footer .contact a.rrss:hover svg {
    filter: brightness(0) saturate(100%) invert(19%) sepia(15%) saturate(2496%) hue-rotate(195deg) brightness(84%) contrast(96%)
}

footer .app {
    width: 100%
}

footer .app span.title {
    text-align: center
}

@media (min-width: 768px) {
    footer {
        align-items: stretch
    }

    footer .col-33 {
        padding: 1rem;
        width: 33.3333%
    }

    footer span.title {
        font-size: 36px
    }

    footer .footer-logo {
        height: 56px;
        width: 200px
    }

    footer .contact span.title {
        font-size: 30px
    }

    footer span.title span.email {
        font-size: 28px
    }

    footer a.email {
        font-size: 22px
    }

    footer .mini-links {
        display: none
    }

    footer .links {
        display: flex;
        gap: 30px
    }

    footer hr {
        margin: 3rem 0
    }
}

@media (min-width: 992px) {
    footer span.title {
        font-size: 40px
    }

    footer .footer-logo {
        height: 74px;
        margin-bottom: 2rem;
        width: 270px
    }

    footer .contact span.title {
        font-size: 50px
    }

    footer a.email {
        font-size: 28px
    }
}

.mini-footer-back {
    background-color: #fff
}

.mini-footer {
    margin: 0 auto;
    max-width: var(--header-width-desktop);
    padding: 2rem 3rem;
    position: relative;
    width: 100%
}

.mini-footer p {
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px;
    margin-bottom: .5rem
}

.mini-footer p.copyright {
    font-family: PoppinsSemiBold, sans-serif;
    font-size: 16px;
    margin-bottom: .5rem;
    text-align: center
}

.logos-andalucia {
    align-items: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: center
}

.logos-andalucia img {
    margin: 1rem 0;
    max-width: 100%;
    width: 180px
}

@media (min-width: 768px) {
    .logos-andalucia {
        flex-direction: row
    }

    .logos-andalucia img {
        margin: 0 1rem;
        max-width: 100%;
        width: 220px
    }
}

.flex {
    flex-direction: column;
    justify-content: center
}

.flex-row {
    flex-direction: row
}

.flex-row, .form-body-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.form-body-wrapper {
    flex-direction: column;
    gap: 10px
}

.overlay {
    align-items: center;
    background-color: rgba(37, 43, 92, .8);
    display: none;
    height: 100vh;
    justify-content: center;
    left: 0;
    padding: 2rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

.overlay.open {
    display: flex
}

.contact-form-box {
    background-color: #fff;
    border-radius: 30px 30px 0 0;
    bottom: -530px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .161);
    height: 560px;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    transition: bottom .6s ease-in-out;
    width: 320px;
    will-change: transform;
    z-index: 20
}

.contact-form-box.--is-click-to-call {
    bottom: -310px;
    height: 340px
}

.on-overlay-form {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .161);
    max-width: 700px;
    transition: bottom .6s ease-in-out;
    width: 100%
}

.on-overlay-form.cookies {
    align-self: flex-end
}

.contact-form-box.open {
    bottom: 0
}

.contact-form-box .tab {
    align-items: center;
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    border-radius: 30px 30px 0 0;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center
}

.contact-form-box .tab p {
    color: #fab831;
    color: var(--color-populoos-yellow);
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 20px;
    margin-bottom: 0
}

.form-body {
    padding: 1rem 1.5rem;
    position: relative
}

.form-body.fixed {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .161);
    max-width: 315px;
    width: 100%
}

.form-body.fixed.shop {
    margin: 0 auto;
    max-width: 360px
}

.card-button-wrapper h1.shop-header {
    font-size: 38px;
    margin-top: 0
}

.shop-map-on-desktop {
    display: none;
    margin-top: 20px;
    max-width: 540px
}

.shop-map-on-desktop img {
    max-width: 100%
}

.phone-label {
    margin: auto;
    width: 100%
}

@media (min-width: 770px) {
    .card-button-wrapper h1.shop-header {
        font-size: 56px;
        margin-top: 1rem
    }

    .shop-map-on-desktop {
        display: block
    }
}

.on-overlay-form .form-body {
    padding: 1rem
}

.contact-form-box .tab img {
    transform: rotate(180deg)
}

.contact-form-box.open .tab img {
    transform: rotate(0deg)
}

.form-body p {
    color: var(--color-populoos-black);
    font-family: BetmRounded-Light, sans-serif;
    font-size: 28px;
    line-height: 1.1;
    text-align: center
}

.on-overlay-form.cookies .form-body p {
    font-size: 18px
}

.form-body p strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

.form-body label {
    display: block;
    position: relative
}

.form-body.fixed label, .form-body.fixed p {
    color: #fff
}

.form-body > label.invalid:after {
    top: 12px
}

.form-body > label#is-customer.invalid:after, .form-body > label.invalid:after {
    content: url(../../../../assets/images/icons/alert-circle.svg);
    font-size: 22px;
    position: absolute;
    right: 20px
}

.form-body > label#is-customer.invalid:after {
    top: 0
}

.form-body > label.valid:after {
    top: 12px
}

.form-body > label#is-customer.valid:after, .form-body > label.valid:after {
    content: url(../../../../assets/images/icons/check-circle.svg);
    font-size: 22px;
    position: absolute;
    right: 20px
}

.form-body > label#is-customer.valid:after {
    top: 0
}

.form-body input:not([type=checkbox]) {
    border: 1px solid var(--color-populoos-red);
    border-radius: 100px;
    color: var(--color-populoos-black);
    display: block;
    font-family: Poppins-Light, sans-serif;
    font-size: 12px;
    height: 41px;
    margin: 10px auto;
    padding: 0 42px;
    width: 100%
}

.form-body.fixed input {
    border: 1px solid var(--color-populoos-red)
}

.form-body input::-moz-placeholder {
    color: var(--color-populoos-black);
    font-family: Poppins-Light, sans-serif;
    font-size: 10px
}

.form-body input:-ms-input-placeholder {
    color: var(--color-populoos-black);
    font-family: Poppins-Light, sans-serif;
    font-size: 10px
}

.form-body input::placeholder {
    color: var(--color-populoos-black);
    font-family: Poppins-Light, sans-serif;
    font-size: 10px
}

/*.form-body input#user {*/
/*    background-image: url(../../../../assets/images/icons/user-form.svg);*/
/*    background-position: 20px 13.7px;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 11.6px 14.17px*/
/*}*/

/*.form-body input#phone {*/
/*    background-image: url(../../../../assets/images/icons/phone-form.svg);*/
/*    background-position: 20px 12.85px;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 14.85px 14.89px*/
/*}*/

/*.form-body input#email {*/
/*    background-image: url(../../../../assets/images/icons/email-form.svg);*/
/*    background-position: 20px 14.06px;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 12.62px 11.92px*/
/*}*/

/*.form-body input#address, .form-body input#address-number, .form-body input#address-postal-code {*/
/*    background-image: url(../../../../assets/images/icons/location-form.svg);*/
/*    background-position: 20px 11.08px;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 14.79px 17.52px*/
/*}*/

.form-body .address-number-and-without-number-inputs {
    align-items: center;
    display: flex
}

.form-body .address-number-and-without-number-inputs label:first-child {
    width: 70%
}

.form-body input#internet-offer-text-rate, .form-body input#message, .form-body input#students-offer-text-rate, .form-body input#text-rate {
    background-image: url(../../../../assets/images/icons/mouse-form.svg);
    background-position: 20px 11.14px;
    background-repeat: no-repeat;
    background-size: 17.47px 17.23px
}

.form-body #is-customer {
    align-items: center;
    display: flex;
    font-size: 10px;
    padding-left: 15px
}

.form-body input[type=radio] {
    height: 20px;
    margin: 0 5px 0 10px;
    padding: 0;
    width: 20px
}

.form-body button {
    background-color: var(--color-populoos-white);
    border: 1px solid var(--color-populoos-red);
    border-radius: 100px;
    color: var(--color-populoos-red);
    cursor: pointer;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 19px;
    height: 37px;
    margin: 1rem 0;
    width: 150px
}

.form-body.fixed button {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.form-body button.outline {
    background-color: var(--color-populoos-yellow);
    border: 1px solid var(--color-populoos-red);
    color: var(--color-populoos-red)
}

.form-body a.outline {
    background-color: var(--color-populoos-yellow);
    border: 1px solid var(--color-populoos-red);
    color: var(--color-populoos-red);
    border-radius: 100px;
    cursor: pointer;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 19px;
    height: 37px;
    line-height: 37px;
    margin: 1rem 0;
    width: 150px;
    padding: 0 10px;

}

.form-body span.validation-text {
    background-image: url(../../../../assets/images/icons/alert-circle.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-size: 10px;
    padding-left: 17px
}

.form-body.fixed span.validation-text {
    color: #fff
}

.form-body p.conditions {
    color: var(--color-populoos-black);
    font-family: Poppins-Light, sans-serif;
    font-size: 9px;
    line-height: 1.3;
    margin: 0;
    text-align: left
}

.form-body.fixed p.conditions {
    color: #fff
}

.form-body p.conditions strong {
    font-family: Poppins-Bold, sans-serif
}

.error-text, .happy-text {
    display: none;
    padding: 1.5rem
}

.error-text p, .happy-text p {
    color: #066633;
    color: var(--color-populoos-green);
    font-size: 22px;
    text-align: center
}

@media (min-width: 768px) {
    .form-body-wrapper {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: center
    }

    .contact-form-box {
        left: auto;
        right: 10px;
        transform: translateX(0)
    }

    .on-overlay-form .form-body {
        padding: 2rem
    }

    .on-overlay-form p {
        font-size: 40px;
        text-align: left
    }

    .on-overlay-form p.center {
        text-align: center
    }

    .on-overlay-form .form-body input {
        font-size: 14px
    }

    .on-overlay-form .form-body input::-moz-placeholder {
        font-size: 14px
    }

    .on-overlay-form .form-body input:-ms-input-placeholder {
        font-size: 14px
    }

    .on-overlay-form .form-body input::placeholder {
        font-size: 14px
    }

    .on-overlay-form .form-body button {
        font-size: 18px;
        height: 35px;
        width: 143px
    }

    .phone-label {
        margin: auto;
        width: 49%
    }
}

.header-back {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border-bottom: 4px solid #fff
}

header {
    display: flex;
    flex-direction: column;
    font-family: BetmRounded-SemiBold, sans-serif;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--header-width-desktop);
    /*padding: 1rem 1rem 0;*/
    position: relative;
    width: 100%
}

header.landing {
    align-items: flex-start;
    flex-direction: row;
    height: 90px;
    justify-content: center;
    padding: 0 1rem
}

.header-logo-wrapper {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    height: 134px;
    left: 1rem;
    padding-top: 25px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 268px
}

.header-mobile-logo-wrapper {
    fill: #066633;
    fill: var(--color-populoos-green);
    height: 60px;
    left: 1rem;
    position: absolute;
    top: 1rem;
    width: 170px
}

.link-header-logo-wrapper {
    display: none
}

header.landing .header-logo-wrapper {
    height: 80px;
    position: relative;
    width: 160px
}

.header-logo {
    fill: #fab831;
    fill: var(--color-populoos-yellow);
    height: auto;
    margin: 0 auto;
    width: 170px
}

header.landing .header-logo {
    width: 100px
}

.header-burger {
    display: flex;
    justify-content: flex-end
}

.burger {
    align-items: center;
    align-self: flex-end;
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 70px;
    justify-content: center;
    width: 70px
}

.burger .bar {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border-radius: 20px;
    height: 5px;
    width: 30px
}

.burger .bar:nth-child(2) {
    margin: 5px 0
}

.burger.open {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.burger.open .bar {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.header-menu {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem
}

.header-menu.open {
    display: flex
}

.header-menu.open a {
    margin: .5rem
}

.header-menu a.rrss {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    border-radius: 50px;
    height: 35px;
    width: 35px
}

.header-menu a.rrss:hover {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.header-nav {
    align-items: center;
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.header-nav.open {
    display: flex;
    padding: 2rem 1rem
}

.header-nav-item {
    align-items: center;
    color: #d74415;
    color: var(--color-populoos-red);
    display: flex;
    flex-direction: column;
    height: 125px;
    justify-content: space-between;
    margin: 1rem;
    min-width: 150px;
    text-transform: uppercase
}

.header-nav-item-wrapper {
    position: relative
}

.header-nav-item__child-items {
    display: none;
    flex-direction: column;
    left: 0;
    margin-top: -15px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 100
}

.header-nav-item__child-items a {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border-top: 1px solid #d74415;
    border-top: 1px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red);
    font-size: 24px;
    padding: 15px
}

.header-nav-item__child-items a.active, .header-nav-item__child-items a:hover {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.header-nav-item__child-items a:last-child {
    border-bottom: 1px solid #d74415;
    border-bottom: 1px solid var(--color-populoos-red)
}

.header-nav-item-wrapper:hover .header-nav-item__child-items {
    color: #252b5c;
    color: var(--color-populoos-blue);
    display: flex
}

.header-nav.open .header-nav-item {
    display: flex
}

.header-nav-item:hover svg, a.active .header-nav-item svg {
    filter: brightness(0) saturate(100%) invert(19%) sepia(15%) saturate(2496%) hue-rotate(195deg) brightness(84%) contrast(96%)
}

.header-nav-item p {
    color: #d74415;
    color: var(--color-populoos-red);
    font-size: 24px;
    text-align: center
}

.header-nav-item:hover p, a.active .header-nav-item p {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.header-active-box {
    display: none;
    margin-top: 2rem
}

.header-active-box.open {
    display: block
}

.header-active-box svg {
    filter: brightness(0) saturate(100%) invert(19%) sepia(15%) saturate(2496%) hue-rotate(195deg) brightness(84%) contrast(96%)
}

.header-active-box p {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.language-button {
    border-radius: 30px;
    display: none
}

.language-button.show {
    display: inline
}

.breadcrumbs {
    padding: 1rem
}

.breadcrumbs .breadcrumb-item {
    display: inline;
    line-height: 1.5
}

.breadcrumbs .breadcrumb-item:last-child {
    font-family: Poppins-Bold, sans-serif;
    pointer-events: none
}

@media (min-width: 992px) {
    header {
        flex-direction: column-reverse
    }

    .link-header-logo-wrapper {
        display: inline
    }

    .header-active-box.open, .header-burger, .link-header-mobile-logo-wrapper {
        display: none
    }

    .header-nav {
        display: flex;
        padding: 2rem
    }

    .header-menu {
        align-self: flex-end;
        display: flex;
        height: 135px;
        justify-content: flex-end
    }
}

.pre-header {
    align-items: center;
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem 2rem
}

.pre-header p {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .pre-header {
        display: none
    }
}

.slides {
    cursor: pointer;
    position: relative
}

.slide, .slides {
    height: 900px;
    overflow: hidden;
    width: 100%
}

.slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out
}

.bullets-container {
    bottom: 20px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10
}

.bullets-container .bullet {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    height: 10px;
    justify-content: center;
    margin: 0 3px;
    width: 10px
}

.bullets-container .bullet .active-bullet {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border-radius: 20px;
    display: none;
    height: 7px;
    width: 7px
}

.bullets-container .bullet:first-child .active-bullet {
    display: block
}

.slide .row {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.slide .row .col {
    padding: 3rem 3rem 0
}

.slide .row .col > h1, .slide .row .col > p, .slide .row .col > span.title {
    color: #252b5c;
    margin: 0;
    padding: 0;
    text-align: left
}

.slide .row .col > span.title {
    display: block;
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    text-align: left
}

.slide .row .col > span.title strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

.slide .row .col > span.title span.red, .slide .row .col > span.title strong.red {
    color: var(--color-populoos-red)
}

.slide .row .col > span.title span.blue, .slide .row .col > span.title strong.blue {
    color: var(--color-populoos-blue)
}

.slide .row .col > span.title span.green, .slide .row .col > span.title strong.green {
    color: #066633;
    color: var(--color-populoos-green)
}

.slide .row .col > span.title span.yellow, .slide .row .col > span.title strong.yellow {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.slide .row .col > span.title span.white, .slide .row .col > span.title strong.white {
    color: #fff
}

.slide .row .col > p {
    font-family: Poppins-Medium, sans-serif;
    font-size: 24px;
    line-height: 1.3;
    margin-top: 2rem
}

.slide .row .col > h1.yellow, .slide .row .col > span.yellow {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.slide .row .col > h1.green, .slide .row .col > span.green {
    color: #066633;
    color: var(--color-populoos-green)
}

.slide .row .col > a.button {
    align-items: center;
    border-radius: 10rem;
    display: flex;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 20px;
    justify-content: center;
    margin-top: 2rem;
    padding: .5em 1rem;
    transition: background-color .3s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.slide .row .col > a.button.yellow {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.slide .row .col > a.button.red {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red)
}

.slide .row .col > a.button.blue {
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.slide .row .col .card {
    margin: 0 auto
}

.slide:first-child {
    opacity: 1;
    z-index: 10
}

.slide.intro {
    background-color: #066633;
    background-color: var(--color-populoos-green)
}

.slide.intro > img:first-child {
    left: -100px;
    position: absolute;
    top: 400px;
    width: 200px
}

.slide.intro > img:nth-child(2) {
    bottom: 90px;
    height: 150px;
    left: 40px;
    position: absolute;
    width: 150px
}

.slide.intro > img:nth-child(3) {
    bottom: 70px;
    height: 70px;
    left: 20px;
    position: absolute;
    width: 70px
}

.slide.intro > img:nth-child(5) {
    height: 120px;
    position: absolute;
    right: 90px;
    top: -50px;
    width: 120px
}

.slide.intro > img:nth-child(6) {
    border-radius: 999999px;
    bottom: -90px;
    height: 450px;
    position: absolute;
    right: -60px;
    width: 450px
}

.slide.shop {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.slide.shop .row .col h1:first-child {
    margin-bottom: .5rem
}

.slide.shop > img:first-child {
    height: 200px;
    position: absolute;
    right: -40px;
    top: 250px;
    width: 200px
}

.slide.shop > img:nth-child(2) {
    height: 300px;
    position: absolute;
    right: 100px;
    top: -200px;
    width: 300px
}

.slide.shop > img:nth-child(3) {
    bottom: 50px;
    height: 200px;
    left: 50px;
    position: absolute;
    width: 200px
}

.slide.shop > img:nth-child(4) {
    bottom: 200px;
    height: 100px;
    left: 100px;
    position: absolute;
    width: 100px
}

.slide.shop > img:nth-child(5) {
    height: 100px;
    position: absolute;
    right: -50px;
    top: -50px;
    width: 100px
}

.slide.mobile {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

.slide.mobile > img:first-child {
    height: 100px;
    position: absolute;
    right: -70px;
    top: -70px;
    width: 100px
}

.slide.mobile > img:nth-child(2) {
    height: 150px;
    left: -30px;
    position: absolute;
    top: 10px;
    width: 150px
}

.slide.mobile > img:nth-child(3) {
    bottom: -100px;
    height: 200px;
    left: 150px;
    position: absolute;
    width: 200px
}

.slide.mobile > img:nth-child(5) {
    bottom: -150px;
    height: 300px;
    position: absolute;
    right: 100px;
    width: 300px
}

.slide.fibre-mobile {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.slide.fibre-mobile > img:first-child {
    height: 200px;
    position: absolute;
    right: 400px;
    top: -100px;
    width: 200px
}

.slide.fibre-mobile > img:nth-child(2) {
    height: 150px;
    left: -20px;
    position: absolute;
    top: 250px;
    width: 150px
}

.slide.fibre-mobile > img:nth-child(3) {
    bottom: -200px;
    height: 400px;
    left: 400px;
    position: absolute;
    width: 400px
}

.slide.agile {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.slide.agile > img:first-child {
    height: 200px;
    left: -40px;
    position: absolute;
    top: 250px;
    width: 200px
}

.slide.agile > img:nth-child(2) {
    height: 300px;
    position: absolute;
    right: 400px;
    top: -200px;
    width: 300px
}

.slide.agile > img:nth-child(3) {
    bottom: -200px;
    height: 400px;
    left: 400px;
    position: absolute;
    width: 400px
}

.slide.andalucia {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

.slide.andalucia .row .col h1:first-child {
    margin-bottom: .5rem
}

.slide.andalucia > img:first-child {
    display: none;
    height: 200px;
    position: absolute;
    right: -40px;
    top: 250px;
    width: 200px
}

.slide.andalucia > img:nth-child(2) {
    height: 300px;
    position: absolute;
    right: 100px;
    top: -200px;
    width: 300px
}

.slide.andalucia > img:nth-child(3) {
    bottom: 50px;
    height: 200px;
    left: 50px;
    position: absolute;
    width: 200px
}

.slide.andalucia > img:nth-child(4) {
    bottom: 200px;
    height: 100px;
    left: 100px;
    position: absolute;
    width: 100px
}

.slide.andalucia > img:nth-child(5) {
    height: 100px;
    position: absolute;
    right: -50px;
    top: -50px;
    width: 100px
}

.slide.gigas {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

.slide.gigas > img:first-child {
    height: 200px;
    position: absolute;
    right: -80px;
    top: 250px;
    width: 200px
}

.slide.gigas > img:nth-child(2) {
    height: 100px;
    position: absolute;
    right: -50px;
    top: -50px;
    width: 100px
}

.slide.gigas > img:nth-child(4) {
    bottom: 200px;
    left: 0;
    max-width: 360px;
    position: absolute;
    width: 80%
}

.slide.gigas .row {
    flex-direction: column;
    padding: 72px 36px
}

.slide.gigas .row .col {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.slide.gigas .row .col h1 {
    color: #252b5c;
    color: var(--color-populoos-blue);
    text-align: center
}

.whatsapp {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    font-family: BetmRounded-SemiBold, sans-serif
}

.whatsapp .row .col {
    padding-left: 0;
    padding-right: 0
}

.whatsapp p {
    line-height: .9;
    margin-bottom: 15px
}

.whatsapp img {
    max-width: 600px;
    width: 100%
}

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

.whatsapp .right .text {
    color: #150090;
    font-size: 30px
}

.whatsapp .right .text .bottom, .whatsapp .right .text .top {
    font-size: 50px;
    font-weight: 700
}

.logo-banner {
    color: green
}

@media (min-width: 768px) {
    .slide, .slides {
        height: 720px
    }

    .slides .left-arrow, .slides .right-arrow {
        top: 400px
    }

    .slide .row {
        align-items: center;
        flex-direction: row;
        justify-content: center
    }

    .slide .row .col > h1 {
        font-size: 46px
    }

    .slide.intro > img:first-child {
        left: -100px;
        position: absolute;
        top: 70px;
        width: 200px
    }

    .slide.intro > img:nth-child(2) {
        bottom: 90px;
        height: 150px;
        left: 90px;
        position: absolute;
        width: 150px
    }

    .slide.intro > img:nth-child(3) {
        bottom: 70px;
        height: 70px;
        left: 70px;
        position: absolute;
        width: 70px
    }

    .slide.intro .row .col {
        width: 50%
    }

    .slide.intro > img:nth-child(5) {
        height: 120px;
        position: absolute;
        right: 90px;
        top: -50px;
        width: 120px
    }

    .slide.intro > img:nth-child(6) {
        border-radius: 999999px;
        bottom: -90px;
        height: 450px;
        position: absolute;
        right: 10px;
        width: 450px
    }

    .slide.shop .row .col {
        width: 60%
    }

    .slide.shop .row .col a {
        display: block;
        margin: 2rem auto 0
    }

    .slide.shop > img:first-child {
        height: 200px;
        position: absolute;
        right: -40px;
        top: 250px;
        width: 200px
    }

    .slide.shop > img:nth-child(2) {
        height: 300px;
        position: absolute;
        right: 400px;
        top: -150px;
        width: 300px
    }

    .slide.shop > img:nth-child(3) {
        bottom: 50px;
        height: 200px;
        left: 100px;
        position: absolute;
        width: 200px
    }

    .slide.shop > img:nth-child(4) {
        bottom: 200px;
        height: 100px;
        left: 200px;
        position: absolute;
        width: 100px
    }

    .slide.shop > img:nth-child(5) {
        height: 300px;
        position: absolute;
        right: -100px;
        top: -100px;
        width: 300px
    }

    .slide.mobile > img:first-child {
        height: 100px;
        left: 40px;
        position: absolute;
        top: 70px;
        width: 100px
    }

    .slide.mobile > img:nth-child(2) {
        height: 150px;
        left: -60px;
        position: absolute;
        top: 250px;
        width: 150px
    }

    .slide.mobile > img:nth-child(3) {
        bottom: -100px;
        height: 200px;
        left: 150px;
        position: absolute;
        width: 200px
    }

    .slide.mobile .row .col {
        width: 40%
    }

    .slide.mobile > img:nth-child(5) {
        height: 400px;
        position: absolute;
        right: 50px;
        top: -150px;
        width: 400px
    }

    .slide.fibre-mobile > img:first-child {
        height: 200px;
        position: absolute;
        right: 400px;
        top: -100px;
        width: 200px
    }

    .slide.fibre-mobile > img:nth-child(2) {
        height: 150px;
        left: -40px;
        position: absolute;
        top: 250px;
        width: 150px
    }

    .slide.fibre-mobile > img:nth-child(3) {
        bottom: -200px;
        height: 400px;
        left: 400px;
        position: absolute;
        width: 400px
    }

    .slide.fibre-mobile .row .col {
        width: 40%
    }

    .slide.agile > img:first-child {
        height: 200px;
        left: -40px;
        position: absolute;
        top: 250px;
        width: 200px
    }

    .slide.agile > img:nth-child(2) {
        height: 300px;
        position: absolute;
        right: 400px;
        top: -200px;
        width: 300px
    }

    .slide.agile > img:nth-child(3) {
        bottom: -200px;
        height: 400px;
        left: 400px;
        position: absolute;
        width: 400px
    }

    .slide.agile .row .col {
        width: 40%
    }

    .slide.andalucia .row .col {
        width: 60%
    }

    .slide.andalucia .row .col a {
        display: block;
        margin: 2rem auto 0
    }

    .slide.andalucia > img:first-child {
        height: 200px;
        position: absolute;
        right: -40px;
        top: 250px;
        width: 200px
    }

    .slide.andalucia > img:nth-child(2) {
        height: 300px;
        position: absolute;
        right: 400px;
        top: -150px;
        width: 300px
    }

    .slide.andalucia > img:nth-child(3) {
        bottom: 50px;
        height: 200px;
        left: 100px;
        position: absolute;
        width: 200px
    }

    .slide.andalucia > img:nth-child(4) {
        bottom: 200px;
        height: 100px;
        left: 200px;
        position: absolute;
        width: 100px
    }

    .slide.andalucia > img:nth-child(5) {
        height: 300px;
        position: absolute;
        right: -100px;
        top: -100px;
        width: 300px
    }

    .slide.gigas > img:first-child {
        height: 200px;
        position: absolute;
        right: -10px;
        top: 250px;
        width: 200px
    }

    .slide.gigas > img:nth-child(2) {
        height: 100px;
        position: absolute;
        right: -100px;
        top: -100px;
        width: 100px
    }

    .slide.gigas > img:nth-child(4) {
        bottom: 100px;
        left: 0;
        max-width: 360px;
        position: absolute;
        width: 80%
    }

    .slide.gigas .row {
        padding: 36px
    }

    .whatsapp .col.left img {
        margin-left: 1rem;
        width: 500px
    }
}

@media (min-width: 992px) {
    .slide, .slides {
        height: 620px
    }

    .slides .left-arrow, .slides .right-arrow {
        top: 300px
    }

    .slide .row .col > h1, .slide .row .col > span.title {
        font-size: 60px
    }

    .whatsapp .col.left img {
        height: auto;
        max-width: 700px;
        width: 100%
    }

    .whatsapp p {
        line-height: .9;
        margin-bottom: 0
    }

    .whatsapp .col.left {
        background-image: url(/assets/images/background-shapes/circle-red.svg);
        background-position: -200px;
        background-repeat: no-repeat;
        background-size: 400px;
        width: 50%
    }

    .whatsapp .col.right {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin: 0;
        padding-right: 0;
        width: 50%
    }

    .whatsapp .text .bottom {
        padding-right: 7rem;
        text-align: right
    }

    .whatsapp .text .bottom p, .whatsapp .text .top p {
        font-size: 115px
    }

    .whatsapp .text .middle p {
        font-size: 58px
    }

    .whatsapp .text .middle span {
        font-size: 70px
    }

    .whatsapp .logo img {
        display: block;
        margin-left: auto;
        margin-right: 120px;
        text-align: right;
        width: 400px
    }
}

@media (min-width: 1400px) {
    .whatsapp .col.left img {
        margin-left: 25%
    }
}

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

.flex, .flex-col-center {
    align-items: center;
    display: flex
}

.flex-col-center {
    flex-direction: column;
    justify-content: center
}

.flex-col {
    gap: 5px
}

.check-coverage-modal {
    border: 0;
    border-radius: 30px;
    bottom: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
    max-width: 500px;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto
}

.check-coverage-modal[open]::backdrop {
    background-color: hsla(0, 0%, 45%, .25)
}

.check-coverage-modal h3 {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    color: #fab831;
    color: var(--color-populoos-yellow);
    font-size: 20px;
    padding: 3px 0
}

.check-coverage-modal h3, .check-coverage-modal h4 {
    font-family: BetmRounded-SemiBold, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.check-coverage-modal h4 {
    color: #066633;
    color: var(--color-populoos-green);
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: -20px;
    padding: .3em 0
}

.check-coverage-modal__form {
    padding: 30px
}

.check-coverage-modal__form-step {
    display: none;
    flex-direction: column
}

.check-coverage-modal__form-step.--is-visible {
    display: flex
}

.check-coverage-modal fieldset {
    align-items: center;
    display: flex
}

.check-coverage-modal label {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-size: .9em;
    padding-left: 5px
}

.check-coverage-modal input[type=text] {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    border-radius: 100px;
    color: #252b5c;
    color: var(--color-populoos-blue);
    display: block;
    font-family: Poppins-Light, sans-serif;
    font-size: 10px;
    height: 41px;
    margin-top: 2px;
    padding: 0 22px;
    width: 100%
}

.check-coverage-modal input[type=submit], .check-coverage-modal__result-button {
    align-self: flex-end;
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green);
    border-radius: 100px
}

.check-coverage-modal input[type=submit], .check-coverage-modal__back-button, .check-coverage-modal__result-button {
    color: #fab831;
    color: var(--color-populoos-yellow);
    cursor: pointer;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 16px;
    height: 34px;
    margin-top: 12px;
    min-width: 140px;
    padding: 0 12px
}

.check-coverage-modal__back-button {
    align-self: flex-start;
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red);
    border-radius: 100px
}

.check-coverage-modal__result-button {
    display: none
}

.check-coverage-modal__result-button.--is-visible {
    display: block
}

.check-coverage-modal__form-field {
    display: flex;
    flex-direction: column;
    margin-bottom: .6em
}

.check-coverage-modal__form-field.--is-hidden {
    display: none
}

.check-coverage-modal__close-button {
    padding: 0;
    position: absolute;
    right: 5px;
    top: 3px
}

.check-coverage-modal__close-button button {
    align-items: center;
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: 0;
    border-radius: 99999px;
    color: #d74415;
    color: var(--color-populoos-red);
    display: flex;
    font-family: monospace;
    font-size: 2em;
    height: 30px;
    justify-content: center;
    width: 30px
}

.check-coverage-modal__table-wrapper {
    margin-bottom: 1em;
    max-height: 250px;
    overflow: auto
}

.check-coverage-modal__table-wrapper table {
    width: 100%
}

.check-coverage-modal td {
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    font-size: .9em;
    padding: .3em
}

.check-coverage-modal__result {
    display: flex;
    flex-direction: column
}

.check-coverage-modal__result-message {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-size: 1.2em;
    margin-bottom: .6em;
    text-align: center
}

.check-coverage-modal__result-summary {
    border: 1px dashed #fab831;
    border: 1px dashed var(--color-populoos-yellow);
    color: #252b5c;
    color: var(--color-populoos-blue);
    line-height: 1.1em;
    margin-bottom: .6em;
    opacity: .8;
    padding: .2em
}

.check-coverage-modal .product-card {
    margin: 0 auto
}

.check-coverage-modal__result-rate {
    display: none;
    margin-bottom: .6em
}

.check-coverage-modal__result-rate.--is-visible {
    display: block
}

.m-t-s {
    margin-top: .5rem
}

.m-t-m {
    margin-top: 1rem
}

.m-t-l {
    margin-top: 2rem
}

.m-t-xl {
    margin-top: 4rem
}

.m-t-xxl {
    margin-top: 6rem
}

.m-b-s {
    margin-bottom: .5rem
}

.m-b-m {
    margin-bottom: 1rem
}

.m-b-l {
    margin-bottom: 2rem
}

.m-b-xl {
    margin-bottom: 4rem
}

.m-b-xxl {
    margin-bottom: 6rem
}

.m-l-s {
    margin-left: .5rem
}

.m-l-m {
    margin-left: 1rem
}

.m-l-l {
    margin-left: 2rem
}

.m-l-xl {
    margin-left: 4rem
}

.m-l-xxl {
    margin-left: 6rem
}

.m-r-s {
    margin-right: .5rem
}

.m-r-m {
    margin-right: 1rem
}

.m-r-l {
    margin-right: 2rem
}

.m-r-xl {
    margin-right: 4rem
}

.m-r-xxl {
    margin-right: 6rem
}

.page--is-alarmas {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    position: relative;
    width: 100%
}

.page-wrapper {
    margin: 0 auto;
    max-width: 1260px;
    padding: 4em 2em;
    position: relative;
    z-index: 1
}

.page-wrapper .description-opening p {
    text-align: center
}

.alarmas-section1 img {
    float: left;
    margin-right: 2rem
}

.alarmas-section1 h1 {
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.alarmas-section1 h1 strong {
    font-family: BetmRounded-Bold, sans-serif
}

.alarmas-section1__text {
    font-family: Poppins-Light, sans-serif;
    font-size: 24px
}

.alarmas-section1 section {
    align-items: center;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 64px;
    text-align: center
}

.alarmas-section1 section article {
    max-width: 315px
}

.alarmas-section1 section svg {
    margin-bottom: 10px
}

.alarmas-section1 section p {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 34px;
    line-height: 1em
}

.alarmas-section1__disclaimer {
    font-family: Poppins-Light, sans-serif;
    font-size: 12px;
    text-align: center
}

.alarmas-section2 {
    margin-bottom: 150px;
    margin-top: 64px
}

.alarmas-section2 h2 {
    align-items: baseline;
    color: #d74415;
    color: var(--color-populoos-red);
    display: flex;
    flex-direction: row;
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 60px;
    justify-content: center
}

.alarmas-section2 h2 svg {
    min-width: 64px
}

.alarmas-section2__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 36px 0
}

.alarmas-section2__wrapper .product-card {
    margin: 15px
}

.alarmas-section3 {
    margin-bottom: 150px
}

.alarmas-section3 h2 {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 60px;
    text-align: center
}

.alarmas-section3__text {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 36px 0 42px;
    text-align: center
}

.alarmas-section3__wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 16px
}

.alarmas-section3__wrapper article {
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .161);
    display: inline-flex;
    flex-direction: column;
    margin-right: 35px;
    min-width: 315px;
    padding: 35px;
    text-align: center
}

.alarmas-section3__wrapper article:last-child {
    margin-right: 0
}

.alarmas-section3__wrapper article img {
    height: 160px;
    margin-bottom: 20px;
    width: auto
}

.alarmas-section3__wrapper article h3 {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.alarmas-section3__wrapper article p {
    font-family: Poppins-Light, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.alarmas-section4 {
    margin-bottom: 150px
}

.alarmas-section4 h2 {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 60px;
    text-align: center
}

.alarmas-section4__text {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 36px 0 42px;
    text-align: center
}

.alarmas-section4__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 16px
}

.alarmas-section4__wrapper article {
    align-items: center;
    flex-direction: column;
    min-width: 245px;
    padding: 16px;
    text-align: center;
    width: 245px
}

.alarmas-section4__wrapper article:first-child img {
    height: auto;
    margin-bottom: 20px;
    width: 245px
}

.alarmas-section4__wrapper article svg, .alarmas-section4__wrapper article:nth-child(4) img {
    height: 48px;
    margin-bottom: 20px;
    width: auto
}

.alarmas-section4__wrapper article h3 {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.alarmas-section4__wrapper article p {
    font-family: Poppins-Light, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.alarmas-section5 {
    margin-bottom: 150px
}

.alarmas-section5 h2 {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 60px;
    text-align: center
}

.alarmas-section5__text {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 36px 0 42px;
    text-align: center
}

.alarmas-section5__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 16px
}

.alarmas-section5__wrapper img {
    max-width: 100%
}

.alarmas-section5__wrapper h3 {
    font-family: Poppins-Bold, sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 16px
}

.alarmas-section5__wrapper ul {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.alarmas-section5__wrapper ul li {
    font-size: 16px
}

.alarmas-section5__app-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.alarmas-section5__app-images img {
    margin: 16px
}

.alarmas-kit-total-section1 h1 {
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase
}

.alarmas-kit-total-section1 h1 strong {
    font-family: BetmRounded-Bold, sans-serif
}

.alarmas-kit-total-section1__text {
    font-family: Poppins-Light, sans-serif;
    font-size: 24px;
    text-align: center
}

.alarmas-kit-total-section1 section {
    align-items: center;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 64px;
    text-align: center
}

.alarmas-kit-total-section1 section article {
    max-width: 315px
}

.alarmas-kit-total-section1 section svg {
    margin-bottom: 10px
}

.alarmas-kit-total-section1 section p {
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 34px;
    line-height: 1em
}

.alarmas-kit-total-section1__disclaimer {
    font-family: Poppins-Light, sans-serif;
    font-size: 12px;
    text-align: center
}

.alarmas-kit-total-section2 img {
    display: block;
    margin: 36px auto;
    max-width: 100%
}

.alarmas-kit-total-section3 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.alarmas-kit-total-section3 .facts > div {
    display: flex;
    flex-wrap: wrap;
    padding: 16px
}

.alarmas-kit-total-section3 .facts > div > div {
    padding: 0 16px
}

.alarmas-kit-total-section3__disclaimer {
    color: #fff;
    font-family: Poppins-Light, sans-serif;
    font-size: 12px;
    text-align: center
}

.alarmas-kit-total-section4 button {
    display: block;
    margin: 0 auto
}

.alarmas-kit-total-section5 button {
    display: block;
    margin: 36px auto
}

.price-outline {
    align-items: center;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    margin: 2rem auto;
    padding: 1rem;
    width: 316px
}

.rates-back.blue-yellow .price-outline {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow)
}

.rates-back.yellow-red .price-outline {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red)
}

.rates-back.yellow-green .price-outline {
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green)
}

.rates-back span.section-title {
    display: block;
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    margin: 2rem auto;
    max-width: 960px;
    text-align: center
}

.rates-back span.section-title strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

.price-outline p {
    margin: 0;
    padding: 0
}

.price-outline > p {
    color: #fff;
    text-align: center
}

.price-outline > p:first-of-type {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 20px
}

.price-outline > p:nth-of-type(2), .price-outline > p:nth-of-type(3), .price-outline > p:nth-of-type(4) {
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px
}

.price-outline.asterisk > p:nth-of-type(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 24px
}

.rates-back.blue-yellow .price-outline.asterisk > p:nth-of-type(2) {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.rates-back.yellow-red .price-outline.asterisk > p:nth-of-type(2) {
    color: #d74415;
    color: var(--color-populoos-red)
}

.price-outline.asterisk > p:nth-of-type(2) span {
    font-size: 12px;
    vertical-align: super
}

.price-outline div {
    align-items: flex-start;
    display: flex
}

.price-outline div p:first-of-type {
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.price-outline div p:nth-of-type(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 40px;
    padding: 10px 0 0 5px
}

.price-outline div p:nth-of-type(2) span {
    font-size: 26px;
    padding-left: 5px;
    vertical-align: super
}

@media (min-width: 768px) {
    .alarmas-kit-total-section1 h1, .alarmas-section1 h1 {
        font-size: 70px
    }

    .alarmas-kit-total-section3 .facts > div {
        padding: 32px
    }

    .alarmas-kit-total-section3 .facts > div > div {
        padding: 0 32px
    }
}

.rate-details.landing .facts {
    display: flex;
    flex-direction: column-reverse
}

.rate-details.landing-wimax .product-card__description {
    font-size: 16px;
    line-height: 1.1
}

.rate-details.landing-wimax .product-card__description sup {
    font-size: .6em;
    vertical-align: top
}

.rate-details.landing-wimax .product-card__description strong {
    font-size: 23px
}

.rate-details.landing-wimax .product-card__note {
    margin-top: .6em
}

.rate-details.landing button.link-button {
    display: block;
    margin: 2rem auto
}

.rate-details.landing .price-outline {
    cursor: pointer
}

.valores__title {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 48px;
    margin-bottom: 48px;
    text-align: center
}

.valores__wrapper {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 72px;
    text-align: center
}

.valores__wrapper article {
    width: 240px
}

.valores__wrapper article svg {
    color: #252b5c;
    color: var(--color-populoos-blue);
    margin-bottom: 16px
}

.valores__wrapper article p {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-family: BetmRounded-Bold, sans-serif;
    font-size: 34px;
    line-height: 1em
}

.cobertura__title {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 48px
}

.add-mobile__title, .cobertura__title {
    color: #d74415;
    color: var(--color-populoos-red);
    margin-bottom: 48px;
    text-align: center
}

.add-mobile__title {
    font-family: var(--font-family-Poppins-Medium), sans-serif;
    font-size: 26px;
    line-height: 1.4
}

.add-mobile__title b {
    font-family: Poppins-Bold, sans-serif
}

.add-mobile__wrapper, .cobertura__wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .rate-details.landing .facts .price-outline {
        display: none
    }

    .add-mobile__title {
        font-size: 32px
    }
}

.coverage__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 2rem auto 0
}

.coverage__wrapper .map__wrapper {
    display: none
}

.coverage__wrapper .text__wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.coverage__wrapper .text__wrapper p {
    max-width: 360px
}

.coverage__wrapper .form__wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.coverage-faqs {
    margin: 0 auto;
    max-width: 960px
}

.coverage-faqs p.question, .coverage-faqs summary {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-size: 20px
}

.coverage-faqs p.question {
    display: inline;
    transform: translateY(-40px)
}

.coverage-faqs p.answer {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-size: 1.3rem;
    font-size: 20px;
    margin-bottom: 20px;
    padding-top: 1rem
}

@media (min-width: 740px) {
    .coverage__wrapper {
        align-items: center;
        flex-direction: row;
        justify-content: center
    }

    .coverage__wrapper .map__wrapper, .coverage__wrapper .text__wrapper {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        width: 50%
    }

    .coverage__wrapper .form__wrapper {
        justify-content: flex-start;
        width: 50%
    }

    .coverage-faqs p.answer, .coverage-faqs p.question, .coverage-faqs summary {
        font-size: 24px
    }
}

.logos-mobile-stores {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.logos-mobile-stores img {
    cursor: pointer;
    height: 100px;
    margin: 1rem 0;
    width: auto
}

.container .row.with-icon .col-30 {
    display: flex;
    justify-content: center;
    padding: 0 0 1rem
}

.container .row.with-icon .col-30 img {
    height: 60px;
    margin: 0 .5rem;
    width: auto
}

@media (min-width: 768px) {
    .logos-mobile-stores {
        flex-direction: row
    }

    .logos-mobile-stores img {
        margin: 0 3rem
    }

    .container .row.with-icon {
        margin-bottom: 2rem
    }

    .container .row.with-icon .col-30 {
        align-items: center;
        justify-content: flex-end;
        padding: 0
    }
}

.page--is-faqs p a {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.page--is-faqs ol.aviso-legal {
    list-style: lower-alpha;
    padding-left: 40px
}

.page--is-faqs ol.aviso-legal li {
    line-height: 1.5;
    margin-bottom: 16px
}

.page--is-faqs .scroll-container {
    overflow-x: auto
}

.page--is-faqs table {
    margin-bottom: 16px
}

.page--is-faqs table th {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    color: #fff
}

.page--is-faqs table td, .page--is-faqs table th {
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue);
    padding: 16px
}

.page--is-faqs table td {
    color: #252b5c;
    color: var(--color-populoos-blue);
    text-align: center
}

.blog__header-wrapper {
    background-color: #f3f2f2
}

.blog__header {
    align-items: center;
    background-image: url(/assets/images/background-shapes/circle-yellow.svg), url(/assets/images/background-shapes/circle-red.svg), url(/assets/images/background-shapes/rect-rounded-horizontal-blue.svg);
    background-position: 10px 180px, 90% 5%, 150% 50%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100px 100px, 30px 30px, 150px 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2px 0;
    padding: 3rem
}

.blog__header h1 {
    color: grey;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 5rem;
    text-align: center
}

.blog__header h1 > span {
    display: block;
    position: relative
}

.blog__header h1 span span:first-child {
    color: #d74415;
    color: var(--color-populoos-red);
    font-size: 2rem;
    left: 80px;
    position: absolute;
    top: -20px
}

.blog__header h1 span span:nth-child(2) {
    color: #d74415;
    color: var(--color-populoos-red);
    font-size: 1.5rem;
    left: 170px;
    position: absolute;
    top: 30px
}

.blog__header h2 {
    color: #d74415;
    color: var(--color-populoos-red);
    font-family: BetmRounded-SemiBold, sans-serif;
    margin-top: 2rem;
    text-align: center
}

@media (min-width: 768px) {
    .blog__header {
        align-items: center;
        background-image: url(/assets/images/background-shapes/circle-yellow.svg), url(/assets/images/background-shapes/circle-red.svg), url(/assets/images/background-shapes/rect-rounded-horizontal-blue.svg);
        background-position: 20px 100px, 80% 20%, 110% 50%;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 200px 200px, 70px 70px, 300px 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 2px 0;
        padding: 3rem
    }
}

.blog__container {
    align-items: center;
    background-image: url(/assets/images/background-shapes/circle-blue.svg), url(/assets/images/background-shapes/circle-yellow.svg);
    background-position: 100% 100%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 100px 100px, 200px 200px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1440px
}

.blog__container.post {
    background-image: url(/assets/images/background-shapes/circle-yellow.svg), url(/assets/images/background-shapes/circle-yellow.svg), url(/assets/images/background-shapes/circle-yellow.svg), url(/assets/images/background-shapes/circle-yellow.svg);
    background-position: 80% 10%, 90% 30%, 80% 50%, 90% 80%;
    background-repeat: no-repeat, no-repeat;
    background-size: 200px 200px, 100px 100px, 240px 240px, 100px 100px
}

.blog__card-wrapper {
    grid-gap: 1rem 2rem;
    background-image: url(/assets/images/background-shapes/circle-yellow.svg), url(/assets/images/background-shapes/circle-red.svg), url(/assets/images/background-shapes/rect-rounded-horizontal-blue.svg);
    background-position: -50px 100px, 20% 50%, -30% 80%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 200px 200px, 70px 70px, 300px 500px;
    display: grid;
    grid-template-columns: repeat(auto-fit, calc(330px + 1rem));
    justify-content: center;
    padding: 2rem 1rem;
    width: 100%
}

.blog__card {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .161);
    margin: 1rem;
    position: relative;
    width: 330px
}

.blog__card .blog__card-badge {
    align-items: center;
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: 2px solid #fff;
    border-radius: 100%;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: -25px;
    width: 50px
}

.blog__card .blog__card-image-wrapper {
    height: 220px;
    overflow: hidden
}

.blog__card .blog__card-image-wrapper img {
    border-radius: 1rem 1rem 10rem 10rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.blog__card .blog__card-body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 1rem
}

.container .row .blog__card .blog__card-body p {
    font-size: 16px
}

.blog__card .blog__card-body p:first-child {
    align-items: center;
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border-radius: 0 2rem 2rem 0;
    color: #fff;
    display: flex;
    padding: .5rem 1rem
}

.blog__card .blog__card-body p:first-child span {
    font-family: BetmRounded-Light, sans-serif
}

.blog__card .blog__card-body p:first-child span:first-child {
    font-size: 1.2rem
}

.blog__card .blog__card-body p:first-child svg {
    margin: 0 .3rem
}

.blog__card .blog__card-body p:nth-child(2) {
    -webkit-line-clamp: 2;
    font-size: 1.3rem;
    margin-bottom: 0;
    max-height: 4rem
}

.blog__card .blog__card-body p:nth-child(2), .blog__card .blog__card-body p:nth-child(3) {
    -webkit-box-orient: vertical;
    color: #252b5c;
    color: var(--color-populoos-blue);
    display: -webkit-box;
    line-height: 1.3;
    overflow: hidden;
    padding: .5rem 1rem;
    text-overflow: ellipsis
}

.blog__card .blog__card-body p:nth-child(3) {
    -webkit-line-clamp: 4;
    max-height: 5.6rem
}

.blog__card .blog__card-body a {
    align-self: center;
    margin-bottom: 1rem
}

.blog__menu {
    padding: 0 1rem 1rem;
    width: 100%
}

.blog__menu .blog__menu-input {
    background-image: url(/assets/images/icons/search-grey.svg);
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow);
    border-radius: 4rem;
    color: #878787;
    color: var(--color-populoos-dark-grey);
    font-size: 1.1rem;
    margin: 1rem auto;
    padding: .8rem 1rem .8rem 2.5rem;
    width: 100%
}

.blog__menu .blog__menu-input::-moz-placeholder {
    color: #878787;
    color: var(--color-populoos-dark-grey);
    font-size: 1.1rem
}

.blog__menu .blog__menu-input:-ms-input-placeholder {
    color: #878787;
    color: var(--color-populoos-dark-grey);
    font-size: 1.1rem
}

.blog__menu .blog__menu-input::placeholder {
    color: #878787;
    color: var(--color-populoos-dark-grey);
    font-size: 1.1rem
}

.blog__menu .blog__menu-title {
    border-bottom: 1px solid #066633;
    border-bottom: 1px solid var(--color-populoos-green);
    color: #066633;
    color: var(--color-populoos-green);
    font-size: 1.5rem;
    padding-bottom: .6rem
}

.blog__menu .blog__menu-new {
    margin: 2rem 0
}

.blog__menu .blog__menu-new .img-wrapper {
    height: 150px;
    overflow: hidden
}

.blog__menu .blog__menu-new .img-wrapper img {
    border-radius: 150px 0 0 150px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.blog__menu .blog__menu-new p {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    width: 100%
}

.blog__menu .blog__menu-new p span:first-child {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.blog__menu .blog__menu-new p span:nth-child(2) {
    align-items: center;
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border-radius: 1.5rem 0 0 1.5rem;
    color: #fff;
    display: flex;
    font-family: BetmRounded-Light, sans-serif;
    justify-content: center;
    padding: .5rem 1rem
}

.blog__menu .blog__menu-new p span:nth-child(2) svg {
    margin-right: .5rem
}

.blog__menu .blog__menu-category {
    align-items: center;
    border-bottom: 1px solid #066633;
    border-bottom: 1px solid var(--color-populoos-green);
    color: #d74415;
    color: var(--color-populoos-red);
    cursor: pointer;
    display: flex;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 1.6rem;
    justify-content: space-between;
    padding-bottom: .4rem;
    text-transform: capitalize;
    width: 220px
}

.blog__footer__container {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 1rem auto 2rem;
    width: 80%
}

.blog__pagination__div {
    align-items: center;
    border: solid;
    border-color: #000;
    border-radius: 100%;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 1.5rem;
    height: 50px;
    justify-content: center;
    margin-left: .5rem;
    width: 50px
}

.blog__footer__container .blog__pagination__div:first-child {
    background-color: #fff;
    border: 1.5px solid #d74415;
    border: 1.5px solid var(--color-populoos-red);
    color: #d74415;
    color: var(--color-populoos-red)
}

.blog__footer__container .blog__pagination__div:nth-child(2) {
    background-color: #fff;
    border: 1.5px solid #066633;
    border: 1.5px solid var(--color-populoos-green);
    color: #066633;
    color: var(--color-populoos-green)
}

.blog__footer__container .blog__pagination__div:nth-child(3) {
    background-color: #fff;
    border: 1.5px solid #252b5c;
    border: 1.5px solid var(--color-populoos-blue);
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.blog__footer__container .blog__pagination__div:nth-child(4) {
    background-color: #fff;
    border: 1.5px solid #fab831;
    border: 1.5px solid var(--color-populoos-yellow);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.blog__footer__container .blog__pagination__div:nth-child(5) {
    background-color: #fff;
    border: 1.5px solid #d74415;
    border: 1.5px solid var(--color-populoos-red);
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.post-wrapper {
    padding: 2rem 1rem;
    width: 100%
}

.post {
    position: relative
}

.post .post-date {
    align-items: center;
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: BetmRounded-Light, sans-serif;
    height: 100px;
    justify-content: center;
    position: absolute;
    right: 30px;
    top: -50px;
    width: 100px
}

.post .post-date svg {
    display: none
}

.post .post-main-pic {
    margin-top: 3rem
}

.post .post-main-pic img {
    border-radius: 2rem;
    width: 100%
}

.post h1 {
    margin: 2rem 0
}

.post .post-content h1, .post h1 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 3rem;
    text-align: left
}

.post .post-content h1 {
    margin: 1.5rem 0
}

.post .post-content h2 {
    font-size: 2.5rem
}

.post .post-content h2, .post .post-content h3 {
    font-family: BetmRounded-SemiBold, sans-serif;
    margin: 1rem 0;
    text-align: left
}

.post .post-content h3 {
    font-size: 2rem
}

.post-content div, .post-content p {
    color: #575757;
    font-size: 1.2rem;
    line-height: 1.5
}

.post-content div strong, .post-content p strong {
    color: #066633;
    color: var(--color-populoos-green);
    font-family: Poppins-Bold, sans-serif;
    font-size: 1.2rem;
    line-height: 1.5
}

.post-content ul {
    list-style: disc;
    padding: 1rem 2rem 2rem
}

.post-content ol {
    counter-reset: my-counter;
    padding: 1rem 2rem 2rem
}

.post-content ul li {
    margin-bottom: .5rem
}

.post-content ol li, .post-content ul li {
    color: #575757;
    font-family: Poppins-Medium, sans-serif;
    font-size: 1.1rem;
    line-height: 1.3
}

.post-content ol li {
    margin-bottom: .8rem;
    padding-left: .6rem
}

.post-content ol li b, .post-content ol li strong, .post-content ul li b, .post-content ul li strong {
    font-family: Poppins-Bold, sans-serif
}

.post-content ol li:before {
    border: 1.5px solid #066633;
    border: 1.5px solid var(--color-populoos-green);
    border-radius: 50%;
    color: #066633;
    color: var(--color-populoos-green);
    content: counter(my-counter);
    counter-increment: my-counter;
    font-size: 1.5rem;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 30px
}

.post-wrapper .post .post-content a {
    background-color: #fff;
    border-radius: .2rem;
    cursor: pointer;
    font-family: Poppins-Bold, sans-serif;
    padding: .3rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.post-wrapper .post .post-content a, .post-wrapper .post .post-content a strong {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.post-content img.rounded {
    border-radius: 0 10rem 10rem 0;
    display: block;
    margin: 2rem 0;
    max-width: 100%
}

.post-content img.landscape-seo {
    border-radius: 0;
    display: block;
    margin: 2rem auto;
    max-width: 1260px;
    width: 100%
}

.post-content img.portrait-seo {
    border-radius: 0;
    display: block;
    margin: 2rem auto;
    max-width: 540px;
    width: 80%
}

.post-content .rounded-container-wrapper {
    align-items: center;
    background-image: url(/assets/images/background-shapes/toroid-yellow.svg), url(/assets/images/background-shapes/circle-red.svg), url(/assets/images/background-shapes/rect-rounded-horizontal-blue.svg);
    background-position: 80% 0, 90% 200px, -70px 10px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 150px 150px, 150px 150px, 250px 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 0
}

.post-content .rounded-container {
    background-position: 50%;
    background-repeat: none;
    background-size: cover;
    border-radius: 50%;
    height: 300px;
    width: 300px
}

.post .post-content table {
    margin: 2rem 0;
    padding: 1rem 0;
    width: 100%
}

.post .post-content table td, .post .post-content table th {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    color: #fff;
    padding: 1rem;
    text-align: center;
    vertical-align: middle !important
}

.post .post-content table tr:first-child td, .post .post-content table tr:first-child th {
    border-bottom: 1px solid #fff
}

.post .post-content table td p, .post .post-content table td strong, .post .post-content table th p, .post .post-content table th strong {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    color: #fff;
    margin-bottom: 0;
    text-align: center
}

@media (min-width: 768px) {
    .blog__container {
        align-items: flex-start;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        margin: 0 auto;
        max-width: 1440px
    }

    .blog__container.post {
        background-image: url(/assets/images/background-shapes/circle-blue.svg), url(/assets/images/background-shapes/circle-red.svg), url(/assets/images/background-shapes/circle-green.svg), url(/assets/images/background-shapes/circle-yellow.svg);
        background-position: 80% 10%, 90% 30%, 80% 50%, 90% 80%;
        background-repeat: no-repeat, no-repeat;
        background-size: 200px 200px, 300px 300px, 240px 240px, 300px 300px
    }

    .blog__card-wrapper {
        grid-gap: 1rem 2rem;
        background-position: 50px 100px, 50% 30%, 30% 50%;
        display: grid;
        grid-template-columns: repeat(auto-fit, calc(330px + 1rem));
        justify-content: center;
        padding: 2rem 1rem
    }

    .blog__card-wrapper, .post-wrapper {
        width: calc(100% - 440px)
    }

    .blog__menu {
        align-items: flex-start;
        padding: 2rem 1rem;
        width: 440px
    }

    .blog__menu .blog__menu-input {
        max-width: 330px
    }

    .post .post-date {
        height: 120px;
        right: 70px;
        top: -50px;
        width: 120px
    }

    .post .post-date svg {
        display: inline;
        margin-bottom: 10px
    }
}

@media (min-width: 992px) {
    .post-content .rounded-container-wrapper {
        background-position: 80% 0, 90% 200px, -170px 10px;
        background-size: 300px 300px, 300px 300px, 250px 500px
    }

    .post-content .rounded-container-wrapper .rounded-container {
        height: 500px;
        width: 500px
    }
}

.container-box {
    position: relative
}

.container-back {
    background-color: #fff
}

.container-back.quienes-somos:before {
    background: url(../../../../assets/images/background-shapes/rect-rounded-vertical-yellow.svg), url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/circle-green.svg), url(../../../../assets/images/background-shapes/toroid-green.svg);
    background-position: left -30px top 200px, left -110px top 600px, left -30px bottom 200px, right -65px top 300px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100px 100px, 150px 150px, 80px 80px, 100px 100px
}

.container-back.como-contratar:before, .container-back.quienes-somos:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.container-back.como-contratar:before {
    background: url(../../../../assets/images/background-shapes/circle-yellow.svg), url(../../../../assets/images/background-shapes/toroid-green.svg), url(../../../../assets/images/background-shapes/circle-yellow.svg), url(../../../../assets/images/background-shapes/toroid-green.svg);
    background-position: left -50px top 500px, left -115px bottom 200px, right -100px bottom -100px, right -50px top 300px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100px 100px, 150px 150px, 200px 200px, 100px 100px
}

.container-back.por-que-contratar:before, .page--is-faqs:after {
    background: url(../../../../assets/images/background-shapes/circle-blue.svg), url(../../../../assets/images/background-shapes/rect-rounded-horizontal-red.svg), url(../../../../assets/images/background-shapes/toroid-yellow.svg), url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/circle-green.svg);
    background-position: right -80px top 100px, left -110px top 250px, right -100px top 150px, right -100px bottom -100px, left -75px bottom -75px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 75px 75px, 150px 150px, 150px 150px, 200px 200px, 150px 150px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.container {
    position: relative
}

.container .row {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1260px;
    width: 100%
}

.container .row.m-t-b {
    margin: 2rem auto
}

.container .row.m-t {
    margin: 2rem auto 0
}

.container .row.m-b {
    margin: 0 auto 2rem
}

.container .row.center {
    align-items: center
}

.container .row.bottom {
    align-items: flex-end
}

.container .row.wide {
    justify-content: space-between;
    max-width: 100%
}

.container .row.reverse {
    flex-direction: column-reverse
}

.container .row .col-100, .container .row .col-25, .container .row .col-30, .container .row .col-50, .container .row .col-70 {
    padding: 0 2rem;
    width: 100%
}

.container .row.red {
    color: #d74415;
    color: var(--color-populoos-red)
}

.container .row.green {
    color: #066633;
    color: var(--color-populoos-green)
}

.container .row.blue {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.container .row.yellow {
    color: #fab831;
    color: var(--color-populoos-yellow) !important
}

.container .row .col-25.with-pic, .container .row .col-50.with-pic {
    padding-left: 0
}

.container .row h1, .container .row h2 {
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    margin-bottom: 2rem;
    padding: 0 1rem
}

.container .row h1.center, .container .row h2.center {
    text-align: center
}

.container .row h1 b, .container .row h2 b {
    font-family: BetmRounded-SemiBold, sans-serif
}

.container .row h2.item-title, .container .row h3 {
    font-family: Helvetica, sans-serif;
    /*font-size: 30px;*/
    /*color: var(--color-populoos-blue);*/
    margin-bottom: 1.5rem;
}

.container .row h2.item-title svg, .container .row h3 svg {
    vertical-align: middle
}

.container .row h2.item-title.center, .container .row h3.center {
    text-align: center
}

.container .row h2.item-title b, .container .row h3 b {
    font-family: BetmRounded-SemiBold, sans-serif
}

.container .row p {
    font-family: var(--font-family-BetmRounded-Light), sans-serif;
    /*font-size: 16px;*/
    /*margin-bottom: 2rem;*/
    /*padding: 0 1rem*/
}

.container .row p.blue {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.container .row p.center {
    text-align: center
}

.container .row p b {
    font-family: Poppins-Bold, sans-serif
}

.container .row ul {
    padding: 1rem 1rem 1rem 2rem;
    width: 100%;
}

.container .row ul.center {
    margin: 0 auto;
    max-width: 960px
}

.container .row ul li {
    /*color: #252b5c;*/
    /*color: var(--color-populoos-blue);*/
    font-family: var(--font-family-BetmRounded-Light), sans-serif
}

.job_deatails_content ul > * {
    /*color: #252b5c;*/
    color: var(--color-populoos-blue);
    font-family: Poppins-Light, sans-serif
}

.logo-yellow {
    align-items: center;
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border-radius: 9999px 9999px 0 0;
    display: flex;
    height: 220px;
    justify-content: center;
    margin: 0 auto;
    max-width: 550px;
    width: calc(100% - 4rem)
}

.logo-yellow svg {
    fill: #066633;
    fill: var(--color-populoos-green)
}

.selfie-img-back {
    background-image: url(../../assets/images/shop-2.jpg);
    border-radius: 0 0 1000px 1000px;
    height: 200px;
    margin: 0 auto;
    max-width: 100%;
    width: 400px
}

.selfie-img-back, .selfie-multi-img-back {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.selfie-multi-img-back {
    background-image: url(../../assets/images/ocean-selfie.jpg);
    border-radius: 0 9999px 9999px 0;
    height: 400px;
    margin-bottom: 2rem;
    max-width: 850px;
    width: 90%
}

.text-me-img-back {
    background-image: url(../../assets/images/text-me.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 9999px 0;
    height: 200px;
    width: 200px
}

@media (min-width: 768px) {
    .container .row.reverse {
        flex-direction: row
    }

    .container .row .col-70 {
        width: 70%
    }

    .container .row .col-50 {
        width: 50%
    }

    .container .row .col-30 {
        width: 30%
    }

    .container .row .col-25 {
        width: 25%
    }

    .container .row h1, .container .row h2 {
        font-size: 50px
    }

    .container .row h2.item-title, .container .row h3 {
        /*font-size: 50px*/
    }

    .container .row p, .container .row ul li {
        /*font-size: 24px*/
    }

    .container .row.m-t-b {
        margin: 4rem auto
    }

    .container .row.m-t {
        margin: 4rem auto 0
    }

    .container .row.m-b {
        margin: 0 auto 4rem
    }

    .selfie-img-back {
        height: 250px;
        width: 500px
    }

    .text-me-img-back {
        height: 400px;
        width: 400px
    }

    .logo-yellow {
        height: 270px
    }

    .logo-yellow svg {
        height: 67px;
        width: 255px
    }
}

@media (min-width: 1200px) {
    .container-back.quienes-somos:before {
        background: url(../../../../assets/images/background-shapes/rect-rounded-vertical-yellow.svg), url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/circle-green.svg), url(../../../../assets/images/background-shapes/toroid-green.svg);
        background-position: left -60px top 200px, left -240px top 600px, left 200px bottom 200px, right -100px top 300px;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 200px 200px, 300px 300px, 125px 125px, 200px 200px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }
}

select {
    background-repeat: no-repeat;
    border: .5px solid #252b5c;
    border-radius: .3rem;
    color: #252b5c;
    display: block;
    font-family: Poppins-Medium, sans-serif;
    font-size: 1rem;
    margin: 0 auto 1rem;
    max-width: 100%;
    padding: .5rem 1rem;
    width: 280px
}

.shop-wrapper {
    flex-flow: column wrap
}

.shop-row, .shop-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.shop-row {
    flex-direction: column-reverse;
    width: 100%
}

.shop-row.on-landing {
    flex-direction: column;
    padding-bottom: 4rem
}

.shop-pic {
    padding: 1rem;
    width: 100%
}

.shop-pic img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.shop-pic img.portrait {
    max-width: 280px;
    width: 100%
}

.shop-address, .shop-map {
    width: 100%
}

.shop-map {
    display: flex;
    justify-content: center
}

.shop-wrapper .shop-address {
    margin: 2rem 0 1rem
}

.shop-wrapper .shop-address p {
    font-size: 1rem;
    margin-bottom: .2rem
}

.shop-wrapper .shop-address p.shop-name {
    font-size: 1.1rem
}

.shop-wrapper .shop-address p.phone {
    font-size: .95rem;
    margin-bottom: 1rem
}

.shop-wrapper .shop-address p.profile {
    font-size: 1.05rem;
    margin-bottom: 1rem
}

.shop-wrapper .shop-address iframe {
    margin-bottom: 1rem;
    max-width: 100%
}

.shop-wrapper hr {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border: none;
    height: 1px;
    margin: 2rem 0;
    width: 100%
}

.shop-map svg {
    height: 180px;
    width: 180px
}

.shop-map svg.spain {
    height: 540px;
    width: 540px
}

#from-shop-location {
    cursor: pointer
}

.call-to-action-shop--wrapper {
    border-bottom: none;
    border-top: none;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding: 0 0 5rem
}

.call-to-action-shop--wrapper .banner {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border-radius: 4rem;
    margin: 0 auto;
    max-width: 760px;
    padding: 2rem;
    width: calc(100% - 2rem)
}

.call-to-action-shop--wrapper .banner p {
    margin-bottom: 0;
    text-align: center
}

.shop-row.on-landing .shop-address p {
    color: #252b5c;
    color: var(--color-populoos-blue);
    margin-bottom: .5rem
}

.review-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    margin: 0 auto;
    max-width: 1120px;
    padding: 0 2rem 2rem
}

.review-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 15px 0;
    padding: 15px;
    width: 280px
}

.review-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.review-stars {
    color: #ffc107;
    margin-bottom: 10px
}

.review-text {
    color: #333;
    margin-bottom: 10px
}

.review-date {
    color: #777;
    font-size: .8em
}

.review-footer {
    margin-bottom: 10px
}

.review-footer, .user-icon {
    align-items: center;
    display: flex
}

.user-icon {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border-radius: 50%;
    color: #fff;
    height: 30px;
    justify-content: center;
    margin-right: 10px;
    width: 30px
}

.user-name {
    color: #333
}

@media (min-width: 768px) {
    .shop-row {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .shop-row, .shop-row.on-landing {
        flex-direction: row
    }

    .shop-pic {
        max-width: 50%;
        padding: 3rem;
        width: 50%
    }

    .shop-pic img {
        max-width: 540px;
        width: 100%
    }

    .shop-address {
        max-width: 50%;
        width: 50%
    }

    .shop-map svg {
        height: 250px;
        width: 250px
    }

    .shop-wrapper .shop-address p {
        font-size: 1.2rem
    }

    .shop-wrapper .shop-address p.shop-name {
        font-size: 1.4rem
    }

    .shop-wrapper .shop-address p.phone {
        font-size: 1.1rem
    }

    .review-wrapper {
        align-items: flex-start;
        flex-direction: row
    }
}

.flex-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rates-box {
    overflow: hidden;
    position: relative
}

.rates-back.yellow {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow) !important
    color: var(--color-populoos-blue) !important;
}

.rates-back.blue-yellow {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    color: #fab831 !important;
    color: var(--color-populoos-yellow) !important;
}

.rates-back.yellow-red {
    color: #d74415;
    color: var(--color-populoos-red)
}

.rates-back.yellow-green, .rates-back.yellow-red {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

.rates-back.yellow-green {
    color: #066633;
    color: var(--color-populoos-green)
}

.rates-back.blue-yellow:before {
    background: url(../../../../assets/images/background-shapes/circle-yellow.svg), url(../../../../assets/images/background-shapes/circle-white.svg), url(../../../../assets/images/background-shapes/toroid-yellow.svg);
    background-position: left -90px top 660px, right -60px top 860px, left -60px bottom -60px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 125px 125px, 125px 125px, 125px 125px
}

.rates-back.blue-yellow:before, .rates-back.yellow-red:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.rates-back.yellow-red:before {
    background: url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/circle-white.svg), url(../../../../assets/images/background-shapes/toroid-red.svg);
    background-position: left -90px top 660px, right -60px top 860px, left -60px bottom -60px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 125px 125px, 125px 125px, 125px 125px
}

.rates-back.yellow-green:before {
    background: url(../../../../assets/images/background-shapes/circle-green.svg), url(../../../../assets/images/background-shapes/circle-white.svg), url(../../../../assets/images/background-shapes/toroid-green.svg);
    background-position: left -90px top 660px, right -60px top 860px, left -60px bottom -60px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 125px 125px, 125px 125px, 125px 125px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.rates {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--header-width-desktop);
    padding: 1rem;
    position: relative;
    width: 100%
}

.rates.white {
    background-color: #fff;
    padding: 0
}

.rates h1 {
    margin: 2rem auto;
    max-width: 960px
}

.rates .card-button-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rates span.section-title {
    display: block;
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    margin: 1rem auto;
    max-width: 960px;
    text-align: center
}

.rates span.section-title strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

.title {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1rem
}

.title h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 30px
}

.title.center h2 {
    text-align: center
}

.rates .icon-title {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 2rem 4rem
}

.rates .icon-title svg {
    margin-right: 1rem;
    min-width: 33.055px
}

.rates .icon-title h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 40px
}

@media (max-width: 540px) {
    .rates h1.blackfriday {
        margin: .5rem auto
    }

    .rates .icon-title.blackfriday {
        display: block;
        padding: 0 1rem
    }

    .rates .icon-title.blackfriday h2, .rates .icon-title.sorteo-gym h2 {
        font-family: BetmRounded-SemiBold, sans-serif;
        font-size: 30px;
        text-align: center
    }

    .rates .icon-title.blackfriday svg {
        display: none
    }
}

.rates .description-opening {
    margin: 1rem auto;
    max-width: 960px;
    padding: 0 2rem
}

.rates .description-opening p {
    text-align: center
}

.cards {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center
}

.cards .card, .cards .product-card {
    margin: 1rem 0;
    margin-top: 40px !important;
}

.card-description {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 4rem 0
}

.card-description .card {
    margin-bottom: 2rem
}

.card-description .texts {
    padding: 3rem
}

.card-description.red {
    color: #d74415;
    color: var(--color-populoos-red)
}

.card-description.green {
    color: #066633;
    color: var(--color-populoos-green)
}

.card-description p.help {
    color: #fff;
    font-size: 12px
}

.agile-texts {
    margin: 0 auto;
    max-width: 1060px
}

.agile-texts p {
    font-family: Poppins-Light, sans-serif;
    text-align: center
}

.agile-texts p.subtitle {
    margin-bottom: 0
}

.help-texts {
    margin: 1rem 0;
    padding: 0 3rem
}

.help-texts p {
    font-family: Poppins-Medium, sans-serif;
    font-size: 10px;
    margin-bottom: 0;
    text-align: center
}

.rates p.explain {
    font-family: Poppins-Light, sans-serif;
    font-size: 12px
}

.rate-details {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 2rem 0 0
}

.rate-details .facts {
    padding: 3rem
}

.rate-details .facts p:first-child {
    margin-bottom: 2rem
}

.rate-details .facts p.list-title {
    font-family: Poppins-Bold, sans-serif;
    font-size: 16px;
    margin: 1.5rem 0 .5rem
}

.rate-details .facts ul {
    padding: 0 0 0 1rem
}

.rate-details .facts ul li.box {
    border: 1px solid #fff;
    border-radius: .4rem;
    padding: 1rem
}

.rate-details .facts a.link {
    color: #fff;
    display: block;
    margin-top: 2rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.rate-details .facts .price-outline {
    align-items: center;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    margin: 2rem auto;
    padding: 1rem;
    width: 316px
}

.rates-back.blue-yellow .rate-details .facts .price-outline {
    border: 1px solid #fab831;
    border: 1px solid var(--color-populoos-yellow)
}

.rates-back.yellow-red .rate-details .facts .price-outline {
    border: 1px solid #d74415;
    border: 1px solid var(--color-populoos-red)
}

.rates-back.yellow-green .rate-details .facts .price-outline {
    border: 1px solid #066633;
    border: 1px solid var(--color-populoos-green)
}

.rate-details .facts .price-outline p {
    margin: 0;
    padding: 0
}

.rate-details .facts .price-outline > p {
    color: #fff;
    text-align: center
}

.rate-details .facts .price-outline > p:first-of-type {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 20px
}

.rate-details .facts .price-outline > p:nth-of-type(2), .rate-details .facts .price-outline > p:nth-of-type(3), .rate-details .facts .price-outline > p:nth-of-type(4) {
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px
}

.rate-details .facts .price-outline.asterisk > p:nth-of-type(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 24px
}

.rate-details .facts .price-outline.english.asterisk > p:nth-of-type(2) {
    font-size: 12px
}

.rate-details .facts .price-outline.english.asterisk > p.before-price {
    font-size: 24px
}

.rates-back.blue-yellow .rate-details .facts .price-outline.asterisk > p:nth-of-type(2) {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

.rates-back.yellow-red .rate-details .facts .price-outline.asterisk > p:nth-of-type(2) {
    color: #d74415;
    color: var(--color-populoos-red)
}

.rate-details .facts .price-outline.asterisk > p:nth-of-type(2) span {
    font-size: 12px;
    vertical-align: super
}

.rate-details .facts .price-outline div {
    align-items: flex-start;
    display: flex
}

.rate-details .facts .price-outline div p:first-of-type {
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.rate-details .facts .price-outline div p:nth-of-type(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 40px;
    padding: 10px 0 0 5px
}

.rate-details .facts .price-outline div p:nth-of-type(2) span {
    font-size: 26px;
    padding-left: 5px;
    vertical-align: super
}

.rate-details .facts .price-outline.english div p:first-of-type {
    font-family: CoreSansA85, sans-serif;
    font-size: 40px;
    padding: 20px 0 0 5px
}

.rate-details .facts .price-outline.english div p:nth-of-type(2) {
    font-family: CoreSansA85, sans-serif;
    font-size: 70px
}

.rate-details .facts .price-outline.english div p:nth-of-type(2) span {
    font-size: 26px;
    padding-left: 5px;
    vertical-align: super
}

.plus-info {
    padding: 1rem 0;
    text-align: center
}

.plus-info > h2 {
    font-size: 40px;
    margin: 0 2rem 2rem
}

.plus-info > h2, .plus-info > p {
    font-family: BetmRounded-SemiBold, sans-serif;
    max-width: 960px
}

.plus-info > p {
    font-size: 24px;
    line-height: 1.1;
    margin: 1rem 2rem 2rem
}

.plus-info .icons {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.plus-info .icons p {
    font-family: BetmRounded-SemiBold, sans-serif;
    line-height: 1;
    margin: 1rem 0 2rem
}

.plus-info a {
    margin: 3rem auto
}

@media (min-width: 540px) {
    .title {
        padding: 2rem 4rem
    }

    .title h2 {
        font-size: 40px
    }

    .plus-info .icons {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-around
    }

    .plus-info .icons p {
        font-family: BetmRounded-SemiBold, sans-serif;
        line-height: 1;
        margin: 1rem 0 2rem
    }
}

@media (min-width: 768px) {
    .rates-back.blue-yellow:before {
        background: url(../../../../assets/images/background-shapes/circle-yellow.svg), url(../../../../assets/images/background-shapes/circle-white.svg), url(../../../../assets/images/background-shapes/toroid-yellow.svg), url(../../../../assets/images/background-shapes/circle-yellow.svg);
        background-position: left -160px top 660px, right -50px top -50px, left -60px bottom -60px, right -210px bottom -210px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 220px 220px, 125px 125px, 125px 125px, 330px 330px
    }

    .rates-back.blue-yellow:before, .rates-back.yellow-red:before {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .rates-back.yellow-red:before {
        background: url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/circle-white.svg), url(../../../../assets/images/background-shapes/toroid-red.svg), url(../../../../assets/images/background-shapes/circle-red.svg);
        background-position: left -160px top 660px, right -50px top -50px, left -60px bottom -60px, right -210px bottom -210px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 280px 280px, 125px 125px, 125px 125px, 360px 360px
    }

    .rates-back.yellow-green:before {
        background: url(../../../../assets/images/background-shapes/circle-green.svg), url(../../../../assets/images/background-shapes/circle-white.svg), url(../../../../assets/images/background-shapes/toroid-green.svg), url(../../../../assets/images/background-shapes/circle-green.svg);
        background-position: left -160px top 660px, right -50px top -50px, left 60px bottom 200px, right -210px bottom -210px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 320px 320px, 125px 125px, 125px 125px, 440px 440px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .cards {
        flex-direction: row
    }

    .cards .card, .cards .product-card {
        margin: 1rem
    }

    .card-description {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin: 2rem auto;
        max-width: 1020px
    }

    .card-description .card {
        margin-bottom: 0
    }

    .rate-details {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        margin: 2rem auto;
        max-width: 1020px
    }

    .rate-details .card, .rate-details .product-card {
        margin-top: 3rem
    }

    .rate-details .facts .price-outline {
        margin: 2rem 0
    }

    .plus-info {
        margin: 0 auto;
        max-width: 1200px
    }

    .plus-info > h2 {
        font-size: 60px;
        margin: 0 auto 2rem
    }

    .plus-info > p {
        margin: 1rem auto 2rem
    }
}

@media (min-width: 992px) {
    .rates span.section-title {
        font-size: 70px
    }

    .rates p {
        font-size: 24px
    }

    .help-texts p {
        font-size: 12px
    }
}

.rates .roaming {
    margin: 0 auto;
    max-width: 960px
}

.rates .roaming h2 svg {
    margin-right: 1rem
}

.rates .roaming h2 {
    align-items: center;
    color: #d74415;
    color: var(--color-populoos-red);
    display: flex;
    justify-content: center;
    margin: 2rem 4rem
}

.rates .roaming h2, .rates .roaming h3 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 40px
}

.rates .roaming h3 {
    margin: 2rem 0;
    text-align: center
}

.rates .roaming p.t-center {
    text-align: center
}

.rates .roaming a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.advantages {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1260px
}

.advantages .col-25 {
    max-width: 100%;
    padding: 0 1rem;
    width: 100%
}

.advantages .col-25 svg {
    display: block;
    margin: 2rem auto
}

.advantages .col-100 h3, .advantages .col-100 p, .advantages .col-25 h3, .advantages .col-25 p {
    font-size: 1.2rem;
    text-align: center
}

.advantages.blue .col-100 h3, .advantages.blue .col-100 p, .advantages.blue .col-25 h3, .advantages.blue .col-25 p {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.advantages h3 {
    line-height: 1.5;
    margin-bottom: 1rem
}

.advantages .countries {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 2rem
}

.advantages .countries > div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80px
}

.advantages .countries > div p {
    font-size: 12px;
    margin-top: 5px
}

.advantages .countries > div img {
    width: 60px
}

@media (min-width: 992px) {
    .advantages {
        flex-direction: row
    }

    .advantages .col-25 {
        max-width: 25%;
        width: 25%
    }
}

.step-contract-wrapper {
    background: url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/toroid-green.svg), url(../../../../assets/images/background-shapes/circle-yellow.svg), url(../../../../assets/images/background-shapes/circle-yellow.svg);
    background-position: left -50px top 500px, left -115px bottom 200px, right -100px bottom -100px, right -50px top 100px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100px 100px, 150px 150px, 200px 200px, 100px 100px;
    padding: 1rem 1rem 2rem
}

.step-contract-wrapper.yellow {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    background-size: 0 0, 0 0, 0 0, 0 0
}

.step-contract-wrapper.white {
    background-color: #fff
}

.step-contract {
    margin: 0 auto;
    max-width: 920px;
    padding: 1rem
}

.step-contract.blue h2, .step-contract.blue h3, .step-contract.blue p {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.step-contract a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.step-contract ol {
    counter-reset: my-counter
}

.step-contract ol li {
    font-size: 1rem;
    line-height: 1.5;
    margin: 10px 0;
    padding: 40px 0 0 60px;
    position: relative
}

.step-contract ol li:first-child {
    padding: 0 0 0 60px
}

.step-contract ol li strong {
    font-family: Poppins-Bold, sans-serif;
    font-size: 1.2rem;
    padding-bottom: 1rem
}

.step-contract ol li:before {
    border: 3px solid #252b5c;
    border: 3px solid var(--color-populoos-blue);
    border-radius: 50%;
    color: #252b5c;
    color: var(--color-populoos-blue);
    content: counter(my-counter);
    counter-increment: my-counter;
    font-family: Poppins-Bold, sans-serif;
    font-size: 1.5rem;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 50px
}

.step-contract details {
    margin-bottom: 1.5rem
}

.step-contract summary {
    font-size: 20px
}

.step-contract p {
    font-size: 1.2rem
}

.step-contract p.question {
    display: inline;
    font-size: 1.2rem;
    transform: translateY(-40px)
}

.step-contract p.answer {
    padding-top: 1rem
}

.step-contract h2 {
    font-size: 36px;
    margin: 1rem 0
}

.step-contract h3 {
    font-size: 32px;
    margin: 1rem 0
}

.step-contract h3 strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

.step-contract .table-container {
    margin: 2rem 0;
    overflow-x: auto
}

.step-contract table tr th {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    color: #fff
}

.step-contract table tr td, .step-contract table tr th {
    border: 1.5px solid #252b5c;
    border: 1.5px solid var(--color-populoos-blue);
    padding: .5rem 1rem
}

.step-contract table tr td.center {
    text-align: center
}

.rates .coverage-small-wrapper {
    display: block
}

.rates .coverage-long-wrapper {
    display: none
}

@media (min-width: 540px) {
    .step-contract-wrapper {
        background-position: left -60px top 200px, left -240px top 600px, right -175px top 175px, right -100px top 300px;
        background-size: 200px 200px, 300px 300px, 350px 350px, 200px 200px
    }

    .step-contract-wrapper.yellow {
        background: #fab831;
        background: var(--color-populoos-yellow);
        background-size: 0 0, 0 0, 0 0, 0 0
    }

    .step-contract summary {
        font-size: 30px
    }

    .step-contract p.question {
        display: inline;
        font-size: 1.3rem;
        transform: translateY(-40px)
    }

    .step-contract p.answer {
        font-size: 1.3rem;
        padding-top: 1rem
    }
}

@media (min-width: 768px) {
    .rates .coverage-small-wrapper {
        display: none
    }

    .rates .coverage-long-wrapper {
        display: block
    }
}

.acumula-gigas-wrapper {
    background: url(../../../../assets/images/background-shapes/circle-red.svg), url(../../../../assets/images/background-shapes/toroid-green.svg), url(../../../../assets/images/background-shapes/circle-yellow.svg), url(../../../../assets/images/background-shapes/circle-yellow.svg);
    background-position: left -50px top 500px, left -115px bottom 200px, right -100px bottom -100px, right -50px top 100px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100px 100px, 150px 150px, 200px 200px, 100px 100px
}

.acumula-gigas {
    display: flex;
    flex-direction: column;
    margin: 0 auto 2rem;
    max-width: 960px
}

.acumula-gigas div {
    width: 100%
}

.acumula-gigas h1 {
    color: #fff;
    font-size: 32px;
    margin: 2rem 0;
    text-align: center
}

.acumula-gigas h2 {
    color: #fff;
    font-size: 28px;
    text-align: center
}

.acumula-gigas h1 strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

.acumula-gigas img {
    margin-top: 2rem;
    max-width: 100%
}

@media (min-width: 768px) {
    .acumula-gigas {
        align-items: center;
        flex-direction: row
    }

    .acumula-gigas div {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 1rem;
        width: 50%
    }

    .acumula-gigas h1 {
        font-size: 40px
    }

    .acumula-gigas h2 {
        font-size: 30px
    }
}

.rates.page__404 {
    min-height: 100vh;
    position: relative;
    width: 100%
}

.rates.page__404 .text-container {
    background-color: hsla(0, 0%, 100%, .165);
    border-radius: 1rem;
    margin: 1rem auto;
    max-width: 760px;
    padding: 1rem;
    position: relative;
    width: calc(100% - 2rem)
}

.rates.page__404 .text-container h1 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 40px;
    text-align: center;
    width: 100%
}

.rates.page__404 .text-container p {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.rates.page__404 .text-container p a {
    cursor: pointer;
    font-family: Poppins-Bold, sans-serif;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.rates.page__404 .circle {
    border-radius: 50%;
    position: absolute;
    transition: transform 2s ease-in-out
}

.rates.page__404 #red {
    background-color: #d74415;
    background-color: var(--color-populoos-red);
    height: 200px;
    width: 200px
}

.rates.page__404 #green {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    height: 150px;
    width: 150px
}

.rates.page__404 #blue {
    background-color: #fff;
    height: 200px;
    width: 200px
}

.page--is-faqs {
    position: relative;
    width: 100%
}

.page--is-faqs .page-wrapper {
    margin: 0 auto;
    max-width: 1260px;
    padding: 4em 2em;
    position: relative;
    z-index: 1
}

.page--is-faqs h1.faq-title, .page--is-faqs h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 40px;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase
}

.page--is-faqs h1, .page--is-faqs h2.subsection-title, .page--is-faqs h3 {
    align-items: center;
    display: flex;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 30px;
    justify-content: center;
    margin-bottom: 3rem
}

.page--is-faqs h1 svg, .page--is-faqs h2.subsection-title svg, .page--is-faqs h3 svg {
    margin: 1rem
}

.page--is-faqs details {
    font-family: Poppins-Light, sans-serif;
    margin-bottom: 1rem
}

.page--is-faqs details summary {
    color: #fab831;
    color: var(--color-populoos-yellow);
    cursor: pointer;
    font-size: 30px;
    margin-bottom: 2rem;
    padding: 0
}

.page--is-faqs details summary > * {
    display: inline
}

.page--is-faqs details summary h3 {
    color: #fab831;
    color: var(--color-populoos-yellow);
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 30px;
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.page--is-faqs p {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-family: Poppins-Light, sans-serif;
    font-size: 16px;
    margin-bottom: 2rem
}

.page--is-faqs ul {
    margin-bottom: 2rem;
    padding: 0 1rem 0 2rem
}

.page--is-faqs li {
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-family: Poppins-Light, sans-serif;
    font-size: 16px
}

.page--is-faqs li ul li {
    font-size: 14px
}

.page--is-faqs b {
    font-family: Poppins-Bold, sans-serif
}

.rounded-container-wrapper {
    align-items: center;
    background-image: url(/assets/images/background-shapes/toroid-yellow.svg), url(/assets/images/background-shapes/circle-red.svg), url(/assets/images/background-shapes/toroid-green.svg);
    background-position: 80% 0, 90% 200px, 20px 200px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 150px 150px, 150px 150px, 200px 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 0
}

.rounded-container {
    background-position: 50%;
    background-repeat: none;
    background-size: cover;
    border-radius: 50%;
    height: 300px;
    width: 300px
}

.rounded-container.beach-selfie {
    background-image: url(/assets/images/beach-selfie.jpg)
}

.top-rounded-pic {
    border-radius: 120px 120px 0 0;
    display: block;
    margin: 0 auto;
    max-width: 540px;
    width: 100%
}

@media (min-width: 768px) {
    .page--is-faqs h1.faq-title, .page--is-faqs h2 {
        font-size: 70px
    }

    .page--is-faqs details summary h3, .page--is-faqs h1, .page--is-faqs h2.subsection-title, .page--is-faqs h3 {
        font-size: 50px
    }

    .page--is-faqs li, .page--is-faqs p {
        font-size: 24px
    }

    .page--is-faqs li ul li {
        font-size: 18px
    }
}

.tv-pic img {
    display: block;
    margin: 0 auto;
    max-width: 640px;
    width: 100%
}

.tv-advantages, .tv-info {
    margin: 0 auto 40px;
    max-width: 1220px;
    width: 100%
}

.tv-advantages h2, .tv-info h2 {
    font-size: 40px;
    margin: 0 2rem 2rem;
    text-align: center
}

.tv-advantages h2, .tv-info h2, .tv-info p {
    font-family: BetmRounded-SemiBold, sans-serif
}

.tv-info p {
    font-size: 24px;
    line-height: 1.1;
    margin: 1rem 2rem 0
}

.tv-info details {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue);
    border: 1px solid #252b5c;
    border: 1px solid var(--color-populoos-blue);
    border-radius: 10px;
    margin-top: 20px;
    padding: 1px;
    width: 100%
}

.tv-info details summary {
    color: #fff;
    font-size: 18px;
    padding: 20px
}

.tv-info details > div {
    background-color: #f2f2f2;
    border-radius: 9px;
    color: #252b5c;
    color: var(--color-populoos-blue);
    padding: 20px
}

.tv-info details .logos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.tv-info details .logos img {
    width: 140px
}

.tv-advantages__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 16px
}

.tv-advantages__wrapper article {
    align-items: center;
    flex-direction: column;
    min-width: 245px;
    padding: 16px;
    text-align: center;
    width: 245px
}

.tv-advantages__wrapper article img {
    height: auto;
    margin-bottom: 20px;
    width: 120px
}

.tv-advantages__wrapper article svg, .tv-advantages__wrapper article:nth-child(4) img {
    height: 48px;
    margin-bottom: 20px;
    width: auto
}

.tv-advantages__wrapper article h3 {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.tv-advantages__wrapper article p {
    font-family: Poppins-Light, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.tv-programs-and-shows {
    height: auto;
    padding: 4rem 1rem;
    width: 100%
}

.tv-programs-and-shows h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 40px;
    margin: 0 2rem 2rem;
    text-align: center
}

.tv-shows {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px
}

.tv-shows div, .tv-shows img {
    height: auto;
    width: 100%
}

.tv-shows img {
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

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

.tv-functionalities {
    margin: 0 auto 40px;
    max-width: 1220px;
    width: 100%
}

.tv-functionalities h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 50px;
    margin: 0 2rem 2rem;
    text-align: center
}

.tv-functionalities__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 16px
}

.tv-functionalities__wrapper article {
    align-items: center;
    flex-direction: column;
    margin: 20px 2rem;
    min-width: 270px;
    text-align: center;
    width: 270px
}

.tv-functionalities__wrapper article svg {
    height: 48px;
    margin-bottom: 20px;
    width: auto
}

.tv-functionalities__wrapper article h3 {
    font-family: Poppins-Bold, sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px
}

.tv-functionalities__wrapper article p {
    font-family: Poppins-Light, sans-serif;
    font-size: 20px;
    font-weight: 500
}

.tv-functionalities__text-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 270px;
    width: 270px
}

.tv-carrousel {
    height: auto;
    margin: 0 auto;
    max-width: 1220px;
    width: 100%
}

.tv-carrousel__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center
}

.tv-carrousel h2 {
    font-size: 60px;
    margin: 0 2rem 2rem
}

.tv-carrousel h2, .tv-description {
    font-family: BetmRounded-SemiBold, sans-serif;
    text-align: center
}

.tv-description {
    display: flex;
    font-size: 24px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .tv-advantages__wrapper {
        justify-content: space-between
    }

    .tv-advantages h2, .tv-info h2 {
        font-size: 60px
    }

    .tv-info p {
        font-size: 36px
    }

    .tv-info details summary {
        font-size: 24px
    }

    .tv-info details .logos img {
        width: 160px
    }

    .tv-shows {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: center
    }

    .tv-shows > div {
        height: 600px;
        width: 200px
    }

    .tv-shows > div:nth-child(2) {
        height: 600px;
        width: 500px
    }

    .tv-shows__column {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 300px
    }

    .tv-shows__column div {
        height: 50%;
        width: 100%
    }

    .tv-shows img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .tv-functionalities__wrapper {
        gap: 40px
    }

    .tv-functionalities h2 {
        font-size: 60px
    }

    .tv-carrousel {
        max-width: 1400px
    }
}

.rates.web__map h1 {
    font-size: 40px;
    max-width: 1220px;
    text-align: left
}

.rates.web__map h1, .rates.web__map h2 {
    font-family: BetmRounded-SemiBold, sans-serif;
    width: 100%
}

.rates.web__map h2 {
    align-items: center;
    display: flex;
    margin-bottom: 2rem
}

.rates.web__map h2 svg {
    margin-right: 1rem
}

.rates.web__map p {
    color: rgba(37, 43, 92, .675);
    font-size: 14px;
    margin: 1rem 0
}

.rates.web__map p span {
    color: #252b5c
}

.rates.web__map .row {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1rem auto;
    max-width: 1220px;
    width: 100%
}

.rates.web__map .col-33 {
    padding: 1rem;
    width: 100%
}

@media (min-width: 992px) {
    .rates.web__map h1 {
        font-size: 50px
    }

    .rates.web__map h2 {
        font-size: 36px
    }

    .rates.web__map p {
        font-size: 18px
    }

    .rates.web__map .row {
        align-items: flex-start;
        flex-direction: row
    }

    .rates.web__map .col-33 {
        width: 33.3333%
    }
}

.page--is-legals h2 {
    font-size: 40px;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase
}

.page--is-legals h2, .page--is-legals h3 {
    font-family: BetmRounded-SemiBold, sans-serif
}

.page--is-legals h3 {
    color: #fab831;
    color: var(--color-populoos-yellow);
    font-size: 25px;
    margin-bottom: .6rem
}

.page--is-legals ul {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

.banner-1 {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 2000px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.image-and-blob-desktop {
    display: none
}

.image-and-blob-mobile {
    display: block;
    overflow: hidden
}

.image, .image-and-blob-mobile {
    height: 300px;
    position: relative;
    width: 100%
}

.image {
    background-image: url(../../../assets/images/plan-amigo/plan-amigo-copia.png);
    background-position: 50%;
    background-size: cover;
    -webkit-clip-path: circle(95% at 0 50%);
    clip-path: circle(95% at 0 50%);
    z-index: 6
}

.green-blob {
    background-color: #066633;
    background-color: var(--color-populoos-green);
    border-radius: 100%;
    bottom: -11px;
    height: 86%;
    position: absolute;
    scale: 1.5;
    width: 80%
}

.text-content {
    padding-left: 1.2rem;
    padding-top: 1rem;
    width: 100%
}

.text-white {
    border-radius: 100px;
    display: none;
    justify-content: center;
    margin-top: 1rem;
    padding-right: 0;
    position: relative;
    width: 100%
}

.text-white p {
    font-size: 2.1rem
}

.text-1 {
    color: #066633;
    color: var(--color-populoos-green);
    font-size: 2.1rem;
    margin-bottom: 10px
}

.text-1, .text-2 h2 {
    font-weight: 400;
    line-height: 1
}

.text-2 h2 {
    font-family: BetmRounded-Medium, sans-serif;
    font-size: 1.6rem;
    padding-top: 1rem
}

.text-1, .text-2 {
    padding-right: 1rem
}

.quarter-circle-brown, .quarter-circle-red, .quarter-circle-yellow {
    display: none
}

@media only screen and (min-width: 600px) {
    .banner-1 {
        height: auto;
        max-height: 2000px
    }

    .image-and-blob-mobile {
        height: 400px;
        width: 100%
    }

    .image {
        background-position: top;
        height: 100%
    }

    .green-blob {
        background-color: #066633;
        background-color: var(--color-populoos-green);
        border-radius: 100%;
        bottom: -11px;
        height: 86%;
        position: absolute;
        scale: 1.5;
        width: 73%
    }

    .text-1 {
        font-size: 2.5rem
    }

    .text-2 h2 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 992px) {
    .banner-1 {
        background-color: #fab831;
        background-color: var(--color-populoos-yellow);
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        height: 90vh;
        margin-left: auto;
        margin-right: auto;
        max-height: 450px;
        max-width: 1220px;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .image-and-blob-desktop {
        display: block;
        height: 100%;
        position: relative;
        width: 60%
    }

    .image-and-blob-mobile {
        display: none
    }

    .green-blob {
        background-color: #066633;
        background-color: var(--color-populoos-green);
        border-radius: 100%;
        bottom: -11px;
        display: block;
        height: 86%;
        position: absolute;
        scale: 1.5;
        width: 72%;
        z-index: 3
    }

    .image {
        background-image: url(../../../assets/images/plan-amigo/plan-amigo-copia.png);
        background-position: 50%;
        background-size: cover;
        -webkit-clip-path: circle(90% at 0 50%);
        clip-path: circle(90% at 0 50%);
        height: 100%;
        position: absolute;
        width: 90%;
        z-index: 4
    }

    .text-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: top;
        padding-left: 2.4rem;
        padding-top: 2rem;
        width: 75%
    }

    .text-1 {
        color: #066633;
        color: var(--color-populoos-green);
        font-size: 2.3rem;
        margin-bottom: 10px
    }

    .text-1, .text-2 h2 {
        font-weight: 400;
        line-height: 1
    }

    .text-2 h2 {
        font-family: BetmRounded-Medium, sans-serif;
        font-size: 2.1rem
    }

    .text-2-bold {
        font-family: BetmRounded-SemiBold, sans-serif
    }

    .text-white {
        align-items: center;
        background-color: #fff;
        border-bottom-right-radius: 100px;
        border-top-right-radius: 100px;
        display: flex;
        height: 70px;
        justify-content: end;
        left: 0;
        padding-right: 35px;
        padding-top: 10px;
        position: absolute;
        top: 75%;
        width: 83%;
        z-index: 2
    }

    .text-white p {
        font-size: 3rem
    }

    .quarter-circle-brown {
        background: #eaad2e;
        height: 130px;
        width: 130px
    }

    .quarter-circle-brown, .quarter-circle-red {
        border-radius: 140px 0 0;
        bottom: 0;
        display: block;
        position: absolute;
        right: 0
    }

    .quarter-circle-red {
        background: #d74415;
        background: var(--color-populoos-red);
        height: 90px;
        width: 90px
    }

    .quarter-circle-yellow {
        background: #fab831;
        background: var(--color-populoos-yellow);
        border-radius: 140px 0 0;
        bottom: 0;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        width: 45px
    }
}

@media only screen and (min-width: 1200px) {
    .image {
        -webkit-clip-path: circle(95% at 0 50%);
        clip-path: circle(95% at 0 50%)
    }

    .text-1 {
        font-size: 3rem
    }

    .text-2 h2 {
        font-size: 2.4rem
    }
}

.check-own-coverage-form {
    background-color: #fff;
    border-radius: 30px;
    margin: 2rem auto 0;
    width: 100%
}

.check-own-coverage-form button {
    display: block;
    height: 38px;
    margin: 1rem auto;
    width: 160px
}

@media only screen and (min-width: 992px) {
    .check-own-coverage-form {
        width: 60%
    }
}

#address-not-found-btn {
    background-color: #878787;
    background-color: var(--color-populoos-dark-grey);
    border: #878787;
    border: var(--color-populoos-dark-grey);
    color: #fff;
    height: 40px;
    margin: 0 auto 1rem;
    padding: 1rem;
    width: 210px
}

#address-not-found-btn:hover {
    background-color: #fff;
    border: #fff;
    color: #878787;
    color: var(--color-populoos-dark-grey)
}

#btn-submit {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow);
    border: #fab831;
    border: var(--color-populoos-yellow);
    color: #252b5c;
    color: var(--color-populoos-blue);
    font-size: 22px;
    font-weight: 800
}

.btn-wrapper button {
    display: block;
    font-size: .8rem;
    height: 35px;
    margin: 25px auto 0;
    width: 100%
}

.btn-wrapper span {
    position: relative
}

@media (min-width: 768px) {
    .btn-wrapper button {
        font-size: 1.2rem;
        width: 49%
    }

    .btn-wrapper span {
        position: absolute;
        right: 50px;
        top: 15px
    }
}

@media (min-width: 1200px) {
    .btn-wrapper button {
        font-size: 1.2rem;
        width: 49%
    }

    .btn-wrapper span {
        position: absolute;
        right: 100px;
        top: 15px
    }
}

.blog__card-wrapper-tienda {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%
}

@media only screen and (min-width: 992px) {
    .blog__card-wrapper-tienda {
        flex-direction: row;
        width: calc(100% - 140px)
    }
}

:root {
    --color-populoos-white: #fff;
    --color-populoos-yellow: #f8f8f8;
    --color-populoos-green: #066633;
    --color-populoos-blue: #f8f8f8;
    --color-populoos-red: #E20C19;
    --color-populoos-grey: #f8f8f8;
    --color-populoos-dark-grey: #878787;
    --color-populoos-black: #343434;
    --header-height-desktop: 135px;
    --header-height-mobile: 125px;
    --primary: #E20C19;
}

body {
    -webkit-tap-highlight-color: transparent;
    color: var(--color-populoos-black);
    font-family: Poppins-Medium, sans-serif
}

html {
    scroll-behavior: smooth
}

h1 {
    font-family: BetmRounded-Light, sans-serif;
    font-size: 40px;
    text-align: center
}

h1 strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

h2 {
    font-family: BetmRounded-Light, sans-serif;
    font-size: 30px
}

h2 strong {
    font-family: BetmRounded-SemiBold, sans-serif
}

h1 span.yellow, h1 strong.yellow, h2 span.yellow, h2 strong.yellow {
    color: #fab831;
    color: var(--color-populoos-yellow)
}

h1 span.red, h1 strong.red, h2 span.red, h2 strong.red {
    color: #d74415;
    color: var(--color-populoos-red)
}

h1 span.blue, h1 strong.blue, h2 span.blue, h2 strong.blue {
    color: #252b5c;
    color: var(--color-populoos-blue)
}

h1 span.green, h1 strong.green, h2 span.green, h2 strong.green {
    color: #066633;
    color: var(--color-populoos-green)
}

h1 span.white, h1 strong.white, h2 span.white, h2 strong.white {
    color: #fff
}

p {
    line-height: 1.5;
    margin-bottom: 1rem
}

h2 strong, h3 strong, p strong {
    /*font-family: Poppins-Bold, sans-serif*/
}

/*hr {*/
/*    background-color: #252b5c;*/
/*    background-color: var(--color-populoos-blue);*/
/*    border: none;*/
/*    display: block;*/
/*    height: 1px;*/
/*    margin: 2rem auto;*/
/*    width: 80%*/
/*}*/

hr.green {
    background-color: #066633;
    background-color: var(--color-populoos-green)
}

hr.yellow {
    background-color: #fab831;
    background-color: var(--color-populoos-yellow)
}

hr.red {
    background-color: #d74415;
    background-color: var(--color-populoos-red)
}

hr.blue {
    background-color: #252b5c;
    background-color: var(--color-populoos-blue)
}

ul {
    /*color: #fff;*/
    list-style: disc;
    padding-left: 2rem
}

ul li {
    font-family: Poppins-Medium, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: .5rem
}

ul li b {
    font-family: Poppins-Bold, sans-serif
}

button {
    background-color: transparent;
    cursor: pointer
}

@media (min-width: 992px) {
    h1 {
        font-size: 70px
    }
}

.header {
    animation-delay: var(--animation-header-delay);
    animation-duration: var(--animation-header-duration);
    animation-name: slideFromTop;
    animation-timing-function: ease-in-out
}

.comming-soon-logo {
    animation: fadeIn;
    animation-delay: var(--animation-content-logo-delay);
    animation-duration: var(--animation-content-logo-duration);
    animation-fill-mode: forwards;
    opacity: 0
}

.comming-soon-wrapper:before {
    animation-delay: var(--animation-text-delay);
    animation-duration: var(--animation-text-duration);
    animation-fill-mode: forwards;
    animation-name: slideFromBottom;
    animation-timing-function: ease-in-out;
    transform: translateY(100vh)
}

.comming-soon h1, .comming-soon p {
    animation: slideFromRight;
    animation-delay: var(--animation-text-delay);
    animation-duration: var(--animation-text-duration);
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    transform: translateX(100vw)
}

body:after {
    animation: slideShapesFromOutside;
    animation-delay: var(--animation-shapes-delay);
    animation-duration: var(--animation-shapes-duration);
    animation-fill-mode: forwards;
    background-position: left -120px top 135px, right -195px top 160px, left -33px top 242px, right -92px bottom 78px, left 40px bottom -155px
}

.table-responsive {
    overflow-x: auto
}

@media (min-width: 992px) {
    .comming-soon h1, .comming-soon p {
        animation: fadeIn;
        animation-delay: var(--animation-text-delay);
        animation-duration: var(--animation-text-duration);
        animation-fill-mode: forwards;
        opacity: 0;
        transform: translateX(0)
    }

    body:after {
        animation: fadeIn;
        animation-delay: var(--animation-shapes-delay);
        animation-duration: var(--animation-shapes-duration);
        animation-fill-mode: forwards;
        opacity: 0
    }
}

.fondo_circulos {
    /*background: url(../images/circle-red.svg), url(../images/toroid-green.svg), url(../images/circle-yellow.svg), url(../images/circle-yellow.svg);*/
    /*background-position: left -50px top 500px, left -115px bottom 200px, right -100px bottom -100px, right -50px top 100px;*/
    /*background: url(../images/circle-red.svg), url(../images/toroid-green.svg), url(../images/circle-yellow.svg);*/
    /*background-position: left -50px top 500px, right -85px bottom -40px, right -50px top 100px;*/
    /*background-repeat: no-repeat, no-repeat, no-repeat;*/
    /*background-size: 100px 100px, 150px 150px, 200px 200px, 100px 100px;*/
    /*padding: 1rem 1rem 2rem;*/
}

.buttonUrl {
    width: auto;
    line-height: 1;
    border: 1px solid;
    border-radius: 10em;
    color: var(--color-populoos-red);
    display: inline-block;
    font-family: BetmRounded-SemiBold, sans-serif;
    font-size: 1.2rem;
    margin: 1rem auto 0;
    min-width: 190px;
    padding: .5em 1em;
    text-align: center;
    transition: background-color .3s ease-in, color .3s ease-in;
}

.buttonUrl:hover {
    background-color: var(--color-populoos-red) !important;
    color: #fff;
}

.product-card.--is-color-yellow .buttonUrl {
    background-color: var(--color-populoos-yellow) !important;
    border: 1px solid var(--color-populoos-yellow);
    color: var(--white);
}

.product-card.--is-color-blue .buttonUrl {
    background-color: var(--color-populoos-blue) !important;
    border: 1px solid var(--color-populoos-blue);
    color: var(--white);
}

.product-card.--is-color-green .buttonUrl {
    background-color: var(--color-populoos-red) !important;
    border: 1px solid var(--color-populoos-red);
    color: var(--white);
}

.product-card.--is-color-red .buttonUrl {
    background-color: var(--color-populoos-red) !important;
    border: 1px solid var(--color-populoos-red);
    color: var(--white);
}

.product-card.--is-color-yellow .buttonUrl:hover {
    background-color: var(--color-populoos-white) !important;
    border: 1px solid var(--color-populoos-yellow);
    color: var(--color-populoos-yellow);
}

.product-card.--is-color-blue .buttonUrl:hover {
    background-color: var(--color-populoos-white) !important;
    border: 1px solid var(--color-populoos-blue);
    color: var(--color-populoos-blue);
}

.product-card.--is-color-green .buttonUrl:hover {
    background-color: var(--color-populoos-white) !important;
    border: 1px solid var(--color-populoos-green);
    color: var(--color-populoos-green);
}

.product-card.--is-color-red .buttonUrl:hover {
    background-color: var(--color-populoos-white) !important;
    border: 1px solid var(--color-populoos-red);
    color: var(--color-populoos-red);
}

.callYouBtn {
    position: absolute;
    text-decoration: underline !important;
    bottom: -30px;
    color: var(--color-populoos-black) !important;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 18px;
}

.readModalCheck {
    display: flex;
    align-items: baseline;
}

.checkoutMessage {
    font-size: 60px !important;
    line-height: 60px;
    text-align: center;
    color: var(--color-populoos-black);
}

h2.checkoutMessage {
    margin: 0 auto;
    max-width: 850px;
    margin-bottom: 10px !important;
    padding-top: 50px !important;
    margin-top: 15px;
    font-family: var(--font-family-TS-BetmRounded-SemiLight), serif !important;
}

h3.checkoutMessage {
    font-family: var(--font-family-TS-BetmRounded-SemiBold), serif !important;
    margin-bottom: 10px !important;
}

h4.checkoutMessage {
    margin: 0 auto;
    max-width: 800px;
    font-family: var(--font-family-TS-BetmRounded-SemiLight), serif !important;
    margin-bottom: 40px !important;
    color: var(--color-populoos-black);
    font-size: 30px !important;
    line-height: 35px;
}

.codigoPromoText {
    color: var(--color-populoos-black);
    font-family: var(--font-family-BetmRounded-SemiLight), serif;
    font-weight: 500;
    line-height: 25px;
    font-size: 22px;
}

.confirmarContratacion button {
    padding: 10px 20px;
    font-size: 20px;
    font-family: var(--font-family-TS-BetmRounded-SemiLight);
}

.pricing_area_two > .container {
    width: 100% !important;
    max-width: 100%;
}

.pricing_area_two .row.cards {
    max-width: 100%;
}

.body_wrapper {
    background-color: var(--color-populoos-yellow);
}

/*.canalesContainer #headingOne {*/
/*    background-color: transparent;*/
/*}*/

.canalesContainer .card {
    /*background-color: var(--color-populoos-yellow);*/
    background-color: transparent;
}

u {
    text-decoration-color: inherit;
}

/** MODAL TIENES DUDAS TE LLAMAMOS */

.contenedorSwipeModal {
    margin: 10px 0;
}

.contenidoSwipeModal {
    padding: 10px;
    overflow: hidden; /* Oculta el contenido que se desborda */
    transition: height 0.3s ease; /* Transición suave para la altura */
    border-radius: 0 0 20px 20px; /* Bordes redondeados */
    background-color: var(--color-populoos-red);
    border: 1px solid var(--color-populoos-red);
    /*max-height: 0; !* Altura inicial 0 para ocultar el contenido *!*/
}

input[type='radio'].check_iscliente_solicita {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #fff;
}

input[type='radio'].check_iscliente_solicita:before {
    content: '';
    display: block;
    /*width: 60%;*/
    /*height: 60%;*/
    /*margin: 20% auto;*/
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    margin-top: 3px;
}

input[type='radio'].check_iscliente_solicita:checked:before {
    background: #fff;

}

input[type='radio'].check_iscliente_solicita:checked {
    border-color: #fff;
}

.llamada-accion-call-desktop {
    border: 1px solid var(--color-populoos-red);
    background-color: var(--color-populoos-red); /* Color de fondo amarillo */
    border-radius: 20px; /* Bordes redondeados */
    padding: 5px 10px; /* Espacio interior */
    /*display: inline-block; !* Para que el botón se ajuste al contenido *!*/
    justify-content: space-between;
    color: var(--color-populoos-white); /* Color de texto oscuro */
    text-decoration: none; /* Quitar subrayado del enlace */
    display: flex; /* Para alinear los elementos horizontalmente */
    align-items: center; /* Alinear verticalmente al centro */
}

.llamada-accion-call-desktop.active {
    background-color: var(--color-populoos-red); /* Color de fondo amarillo */
}

.llamada-accion-desktop {
    border: 1px solid var(--color-populoos-red);
    background-color: #fff; /* Color de fondo amarillo */
    border-radius: 20px; /* Bordes redondeados */
    padding: 5px 10px; /* Espacio interior */
    /*display: inline-block; !* Para que el botón se ajuste al contenido *!*/
    justify-content: space-between;
    color: var(--color-populoos-red); /* Color de texto oscuro */
    text-decoration: none; /* Quitar subrayado del enlace */
    display: flex; /* Para alinear los elementos horizontalmente */
    align-items: center; /* Alinear verticalmente al centro */
}

.llamada-accion-desktop.active {
    background-color: var(--color-populoos-red); /* Color de fondo amarillo */
    border: 1px solid var(--color-populoos-red);
    border-radius: 20px 20px 0 0; /* Bordes redondeados */
    color: var(--color-populoos-white);
    /*transition: .25s transform ease;*/
}

.llamada-accion-desktop.active .flecha {
    transform: rotate(90deg);
    transition: .25s transform ease;
}

.icono {
    margin-right: 10px; /* Espacio entre icono y texto */
}

.icono img,
.icono2 img {
    width: 50px; /* Ancho del icono */
    height: 50px; /* Alto del icono */
}

.texto {
    font-size: 24px; /* Tamaño de texto */
    line-height: 1; /* Espacio entre líneas */
    text-align: left;
    flex-grow: 1;
    font-family: var(--font-family-TS-BetmRounded-SemiLight), sans-serif;
}

.flecha {
    margin-left: 10px; /* Espacio entre texto y flecha */
    font-size: 20px; /* Tamaño de la flecha */
    font-weight: bold; /* Grosor de la flecha */
}