@media screen and (min-width: 990px) {

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li>button {
        font-family: "Open Sans Semi Bold",sans-serif;
        transition: .3s;
        display: flex;
        padding: .2rem 0 12px;
        font-size: 1rem;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        float: right;
        writing-mode: vertical-rl;
        text-orientation: sideways-right;
        flex-direction: column;
        max-width: 30px;
        line-height: 30px;
        transform: rotate(180deg);
        text-indent: 12px;
        margin-left: auto;
        margin-right: auto;
        min-width: 20px!important
    }


    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container {
        float: right;
        order: revert;
        position: fixed;
        z-index: 999999;
        top: 400px;
        margin-right: 0;
        margin-left: auto;
        display: none
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container .section {
        padding: 0;
        width: 40px
    }

#modal-phone-call .modal-window div.blocks>ul>li>div.columns.is-vcentered.is-centered div:first-child button::after {
    content: "Solicita tu llamada" background: #43AA00;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 170px;
    color: #fff
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2)>button::after {
    content: "Solicita tu llamada";
    color: #fff;
    background-color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    clear: right;
    width: 70%;
    font-size: 16px;
    font-family: 'Montserrat Bold';
    margin-left: 56px;
    display: block;
    margin-top: 24px
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2)>button>div.column__button-text {
    flex-grow: 1;
    text-align: left;
    margin-left: 12px;
    width: 70%;
    clear: right;
    display: block;
    flex-direction: column;
    position: relative;
    float: left;
    margin-right: 0;
    font-size: 14px
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2)>button {
    display: block;
    padding-right: 2px
}

.modal-head .title {
    text-align: center;
    color: #fff
}

.modal-body {
    background: #fff;
    padding: 0
}

.modal-body form button {
    display: block;
    border-radius: 8px;
    background: #43aa00;
    border: #43aa00;
    width: 170px!important;
    margin: 0!important;
    float: right;
    margin-left: -15px!important;
    z-index: 9;
    max-width: 200px;
    min-width: 160px
}

.modal-window-wrapper .text.h3-reg {
    font-size: 16px!important;
    color: #000;
    background-color: #fff;
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
    Padding-top: 24px
}
.modal-head {
    margin-bottom: 0 !important;
    margin-top: 0 !important;!i;!;
}
.burger-menu[data-v-5436469d] {
    margin-top: 0
}

.column__button-icon {
    flex-shrink: 0;
    margin-right: .5rem
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(3)>button>div.column__button-text {
    text-align: left;
    margin-left: 12px;
    line-height: 39px
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:first-child>div.column__title>div.text.p-reg {
    text-align: left!important;
    text-indent: 17px;
    color: #fff
}
}
.social__icon,.social__icon .icon,.social__wrapper {
    width: 2rem!important;
    height: 2rem!important
}



















#weCallYouForm {
    display: inline-flex;
    border-radius: 8px
}

#weCallYouPhoneNumber {
    min-height: 20px!important;
    width: 170px;
    font-size: 10px;
    line-height: 20px
}

#weCallYouForm:placeholder {
    font-size: 8px!important
}

#weCallYouForm label {
    font-size: 8px!important
}

#weCallYouForm>button,#weCallYouForm>button:hover {
    font-size: 12px;
    color: #fff!important
}

.modal-window__gradient {
    width: 100%;
    height: .625rem;
    border: .125rem solid #000;
    border-top: none;
    display: none!important
}

#modal-we-call-you>div>div>div>div>div.modal-window>div>div {
    display: flex;
    flex-direction: column;
    padding: .4rem;
    margin-left: auto;
    margin-right: auto
}

#modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-head>div.title>h3 {
    font-size: 18px;
    font-family: Montserrat;
    margin-top: 16px;
    font-weight: 600
}

#modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-footer>div>p>a {
    margin-left: 4px
}

svg:has([href$=Checkcblack]) {
    background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pre-media/0bmdxcjg/checkcblack_banner.svg);
    display: block;
    background-size: contain;
    background-repeat: no-repeat
}
    .modal-bg {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0)
    }



    .error-message,.success-message {
        font-family: "Montserrat Bold",sans-serif;
        width: 88%;
        padding: 0;
        text-align: center;
        font-size: 18px;
        background-color: #000!important;
        color: #fff;
        z-index: 99;
        display: block;
        height: 60px;
        vertical-align: middle;
        position: absolute;
        margin-top: -7px;
        margin-left: -83%;
        line-height: 56px
    }

    #modal-phone-call>div,.modal-window-wrapper {
        position: absolute;
        transform: none!important;
        width: 100%;
        z-index: 9;
    }

    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-footer>div>p {
        font-size: 10px;
        display: inline-flex
    }

    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-head>div.title {
        color:white !important;"
        float: left;
        text-indent: 100px;
        font-size: 18px !important;
        ;;;;;;;;;;;;;;;;;;;;;;margin-top: 100px;;;;;;;;;;;;;;;;;;;;;;;
    ;;text-align: left;;;
    }

  


@media screen and (min-width: 990px) {
    #modal-we-call-you>div>div>div>div {
        max-width: 55%;
        margin-left: -634px;
        margin-bottom: -54px;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 980px) {
 #weCallYouForm>button, #weCallYouForm>button:hover {
 margin-top: 0px !important;
 }
    
    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-body {
        display: inline-flex;
        float: right;
        border-radius: 8px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
        padding-bottom: 50p;
    }

    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
    }
}


    #modal-phone-call>div {
        height: 100%;
        background-color: rgba(0,0,0,.5);
        left: 0;
        top: 0;
        padding-top: 10%
    }






@media screen and (max-width: 980px) {


    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul {
        margin: 4px .1rem;
        max-width: 100%;
        display: inline-block;
        padding-left: 0;
        padding-right: 0
    }

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li {
        flex-direction: row;
        display: inline-flex;
        grid-template-columns: 2fr 1fr;
        width: 100%;
        align-content: flex-start;
        align-items: flex-start;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: auto;
        margin-bottom: auto
    }
    
    #content>div>div>div:first-child>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered {
        border: 2px solid #fff;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        BACKGROUND: BLACK
    }
    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li>button {
        font-family: "Open Sans Semi Bold",sans-serif;
        transition: .3s;
        display: block;
        padding: 0 2px 0 0;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        flex-direction: row;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        right: 0;
        flex-wrap: wrap;
        min-width: 40px!important;
        padding-left: 2px!important;
        max-width: 150px;
        margin-right: 8px;
        border-radius: 6px;
        transform: none!important;
        font-weight: bolder!important
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div {
        display: flex;
        flex-direction: row!important;
        justify-content: center;
        background-color: #000;
        width: 100%;
        border-radius: 6px 6px 0 0;
        padding-left: 0;
        padding-right: 0
    }

 section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section {
        padding: 0;
        background: rgba(0,0,0,0)
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container {
        order: revert;
        z-index: 99;
        display: block;
        bottom: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        background: rgba(0,0,0,0);
        width: 100%
    }

    .modal-window-wrapper {
        width: 90% !important;
        bottom: 10px!important;
        right: auto!important;
        margin-top: 2%!important;
        margin-bottom: 0!important;
        margin-left: auto!important;
        margin-right: auto !important;
        left: 5% !important;

    }
   section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section .button #call_text,section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section .button:after {
        display: none
    }

       .modal-bg {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.6);
    }
    #modal-we-call-you>div>div>div>div>div.modal-window>div>div:before {
        background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pre-media/otyjx5pq/chicollamame.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-position-x: center;
        content: "";
        width: 55px;
        height: 55px;
        display: flex;
        min-width: 60px;
        background-position-y: bottom;
        z-index: 9999;
        position: absolute;
        margin: 80px auto 0 5%;
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section .action:before {
        background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pre-media/tvgpk1z4/call_icon.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-position-x: left;
        width: 234px;
        height: 26px;
        display: block;
        min-width: unset;
        background-position-y: bottom;
        content: "¿Quieres Contratar?";
        color: #fff;
        text-indent: 23px;
        margin: auto auto auto 10px;
        float: left;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: bolder;
        line-height: 27px
    }

    #modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:first-child>div.column__accent>a {
        font-size: 22px!important;
        text-align: left;
        float: left;
        margin-left: 21px;
        color: #fff
    }
section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section {
        padding: 0;
        background: rgba(0,0,0,0)
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container {
        order: revert;
        z-index: 99;
        display: block;
        bottom: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        background: rgba(0,0,0,0);
        width: 100%
    }

    .phone-cta[data-v-420e875e] {
        max-width: 95%!important;
        float: right;
        padding-bottom: 9px!important
    }
section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section {
        padding: 0;
        background: rgba(0,0,0,0)
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container {
        order: revert;
        z-index: 99;
        display: block;
        bottom: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        background: rgba(0,0,0,0);
        width: 100%
    }

    .phone-cta[data-v-420e875e] {
        max-width: 95%!important;
        float: right;
        padding-bottom: 9px!important
    }
    #modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2)>button {
        display: block
    }

    #modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div>button {
        width: 90%!important;
        align-items: center;
        text-align: center;
        background: #fff;
        color: #000;
        border-radius: 0;
        border: #fff;
        padding-top: 18px;
        padding-bottom: 18px
    }

    #modal-phone-call div.cfooter>div {
        color: #fff
    }

    #modal-phone-call .gradient-wrapper {
        display: none!important
    }

    #modal-phone-call .blocks {
        margin-top: 0;
        padding-top: 0;
        border-top: none
    }
    }
    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div {
    display: flex;
    flex-direction: column!important;
    justify-content: center
}
#content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>.section .button {
    color: #fff!important;
    background-color: #43aa00!important;
    border: 0 solid #000;
    border-radius: 4px;
    padding-right: 0;
    padding-left: 0!important;
    text-align: center;
    line-height: 30px;
    margin-left: auto
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(3) {
    order: 3;
    width: 100%
}

@media screen and (min-width: 990px) {
#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:first-child {
        order: 2;
        background: #43aa00;
        width: 95.5%;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        max-width: 320px
    }

    #modal-phone-call .column__button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
        background: #fff;
        color: #000;
        border-radius: 0;
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto
    }

    #modal-phone-call .text.rte {
        color: #fff
    }

    #modal-phone-call .blocks {
        margin-top: 0!important;
        padding-top: 0!important
    }

}

@media only screen and (max-width: 979px) {
.phone-cta .icon {
    vertical-align: bottom;
    align-items: end
}

    .phone-cta .icon {
        margin-right: .125rem!important
    }
}
@media screen and (max-width: 980px) {

    #modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2)>button::after {
        content: "Solicita tu llamada";
        color: #fff;
        background-color: #000;
        padding-top: 8px;
        padding-bottom: 8px;
        clear: right;
        width: 70%;
        font-size: 12px;
        font-family: 'Montserrat Bold';
        margin-left: 56px;
        display: block;
        margin-top: 8px;
    }
    
    .phone-cta__desc,.phone-cta__number[data-v-420e875e] {
        font-family:"Open Sans Bold",sans-serif;
        text-transform: uppercase
    }

    .phone-cta__number[data-v-420e875e] {
        color: #000;
        font-size: 21px!important
    }

    .phone-cta__desc {
        color: #fff;
        font-size: 12px!important
    }
    .phone-cta .icon {
        vertical-align: bottom;
        align-items: end
    }}


        .modal {
        position: fixed;
        top: 10%;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%
    }

    .phone-cta {
        /* max-width: 78%!important; */
        float: right!important
    }

    .error-message,.success-message {
        font-family: "Montserrat Bold",sans-serif;
        padding: 0;
        text-align: center;
        font-size: 18px;
        background-color: #000000!important;
        color: #fff;
        z-index: 99;
        display: block;
        height: 60px;
        vertical-align: middle
    }

    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-footer>div>p {
        font-size: 9px;
        display: inline-flex;
        width: 100%!important;
        text-align: left
    }



@media screen and (min-width: 990px) {
    #modal-we-call-you>div>div>div>div>div.modal-window>div>div:before {
        background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pre-media/otyjx5pq/chicollamame.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-position-x: center;
        content: "";
        width: 55px;
        height: 55px;
        display: block;
        margin-bottom: 0;
        min-width: 60px;
        background-position-y: bottom;
        margin-left: -2px;
        z-index: 99;
        position: absolute;
        margin-top: 0;
    }
}
@media screen and (min-width: 990px) {
    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-body {
        display: inline-flex;
        float: right;
        border-radius: 8px;
        margin-left: auto;
        margin-right: 20px;
        margin-top: -35px;
    }   
    #modal-we-call-you {
        position: fixed!important;
        z-index: 999!important;
        height: 100%!important;
        right: 0!important;
        margin: auto auto 0!important;
        width: 100%!important;
        bottom: 0;
    }
}

    .modal-window__content {
        background-color: #000!important;
        margin-left: auto;
        margin-right: auto
    }


@media screen and (max-width: 980px) {
#modal-phone-call > div > div > div > div > div.modal-window > div > div > div.blocks > ul > li > div.columns.is-vcentered.is-centered > div:nth-child(1) > div.column__title > div.text.p-reg{
    color:white;
    text-align: left;
}

    .phone-cta[data-v-420e875e] {
        max-width: 95%!important;
        float: right;
        padding-bottom: 9px!important
    }

    .phone-cta {
        padding: .125rem!important
    }
    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner {
        padding: 0!important;
        bottom: 0;
        align-items: center;
        text-align: center;
        width: 100%;
        position: fixed;
        z-index: 999;
        display: inline-flex;
        flex-direction: row;
        margin-left: auto!important;
        margin-right: auto!important
    }
    }
#content>div>div>div>div>div>section:first-child>div>div>div>div .titlecard .img,#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:first-child>div.column__title>div.column__title-icon>svg,.phone-cta .icon {
    filter: invert(1)
}


#weCallYouForm>div,#weCallYouPhoneNumber {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

#content>div>div>div>div>div>section>div>div>div>div.product-card.modal-wrapper.column.is-6>div>div>div.highlighted-content>div:first-child>div.price-wrapper>div.monthly-average>span.month {
    font-size: 21px!important
}
svg:has([href$=phone-2]) {
    background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/yuzpbvbw/tellamamo_phone.svg);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 50px
}

#modal-we-call-you>div>div>div>div>div.modal-window>div>div>button {
    margin-left: 85% !important;
    display: block;
    position: absolute;
    margin-top: 5%;
}

#modal-we-call-you>div>div>div>div>div.modal-window>div>div>button>div {
    left: -42px;
    padding: 2px 2px 2px 4px;
    height: 23px;
    width: 23px
}



#modal-phone-call .close {
    float: right;
    margin-left: 86% !important;
    margin-right: 0px !important;
    margin-top: -28px !important;
    display: block !important;
    border: 2px solid #000 !important;
    background: #fff !important;
    position: absolute;
    float: right !important;
}

#modal-phone-call>div>div>div>div>div.modal-window>div {
    background-color: #000000!important;
    border-radius: 8px;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
    border-top-right-radius: 8px!important;
    border: none!important
}

#modal-phone-call div.columns.is-vcentered.is-centered {
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 14px
}

section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner {
    width: 30px;
    padding: 0!important;
    float: right;
    margin-right: 38px
}
#content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner {
    background: rgba(0,0,0,0)!important
}
section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section {
    padding: 0;
    width: 96%;
    margin-left: auto;
    margin-right: auto
}



section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section .button {
    display: flex;
    margin-right: 25%;
    float: right;
    flex-direction: column;
    max-width: 40px;
    font-family: "Open Sans Semi Bold",sans-serif;
    transition: .3s;
    display: flex;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    margin-left: auto;
    flex-direction: column;
    line-height: 40px
}

section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container {
    float: right;
    order: revert;
    position: fixed;
    z-index: 99;
    display: block;
    top: auto;
    margin-right: 0;
    margin-left: auto
}

.phone-cta {
    background-color: #43aa00!important
}

#modal-phone-call .text.h2-reg,.phone-cta__number a {
    color: #fff!important
}

.phone-cta .icon {
    margin-top: auto
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:first-child {
    order: 1;
    background: #43aa00;
    margin-left: auto;
    margin-right: auto;
    width: 84%;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 72px
}

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2) {
    order: 2;
    width: 100%;
    vertical-align: middle
}



#modal-phone-call .title,#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:first-child>div.column__title {
    display: block
}


#modal-phone-call {
    z-index: 999999999;
}

section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div {
    display: flex;
    flex-direction: row!important;
    justify-content: center;
    width: 100%;
    border-radius: 6px 6px 0 0;
    padding-left: 0;
    padding-right: 0
}

#content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li>button {
    color: #fff!important;
    background-color: #000;
    border: 0 solid #000;
    border-radius: 6px;
    padding-right: 0;
    padding-left: 0!important;
    text-align: center;
    text-indent: 0
}
@media screen and (min-width: 990px) {

.modal-window-wrapper {
    width: 92%;
    bottom: 10px !important;
    right: 0 !important;
    margin-top: auto;
    margin-bottom: 0;
    transform: translate(0, 0);
    
    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container {
        float: right;
        order: revert;
        position: fixed;
        z-index: 999999;
        top: 400px;
        margin-right: 0;
        margin-left: auto;
        display: none;
    }
}

@media screen and (min-width: 990px) {

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2) .column__button-text {
    flex-grow: 1;
    text-align: left;
    margin-left: 12px;
    width: 70%;
    clear: right;
    display: block;
    flex-direction: column;
    position: relative;
    float: left
}
    
    #modal-we-call-you {
        display: block;
        position: fixed !important;!i;!;
        bottom: 0;
        right: 0 !important;!i;!;
        z-index: 9999 !important;!i;!;
        height: 75px !important;!i;!;
        margin: auto 0 0 auto !important;!i;!;
        width: 100% !important;!i;!;
    }

    .modal-bg {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
    }

    .modal-window-wrapper {
        right: 0;
        height: 100%;
        padding-bottom: 0;
        margin-bottom: -11px;
    }

    .modal-bg {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
    }

    .modal-window-wrapper {
        right: 0;
        height: 100%;
        padding-bottom: 0;
        margin-bottom: -11px;
    }

    #modal-phone-call>div, .modal-window-wrapper {
        position: absolute;
        transform: none !important;
        width: 100%;
        z-index: 999999999;
    }

    .modal-window__content {
        background-color: #000 !important;
        border-top-right-radius: 0 !important;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        height: 74px;
        border: 2px solid #fff;
    }
}

.modal-body {
    background: #fff;
    padding: 0;
}

.modal-footer {
    margin-top: 1.5rem !important;
    text-align: center;
}

@media screen and (min-width: 990px) {
    .modal-footer {
        margin-top: 0 !important;
        text-align: center;
    }
}

#__layout>div>header>div.meta-menu>div>div>div:first-child>div>div>div>ul>li.submenu-item, #content>div>div>div>div>div>section.section.products-table.adamoProductsTable>div>div.product-table>div>table>thead, #coverage-location-0>div>div.header.is-flex.is-align-content-flex-start.is-align-items-center-desktop.mb-4>div.title.ml-4>h3, #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-head>div.desc, #ot-sdk-btn-floating.ot-floating-button, .modal-head .image, .video__trigger::after, .video__trigger::before {
    display: none;
}

@media screen and (min-width: 990px) {
    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-head>div.title {
        float: left;
        text-indent: 70px;
        font-size: 18px !important;
        margin-top: 0px;
    }
}

#modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-head>div.title>h3 {
    font-size: 18px;
    font-family: Montserrat;
    margin-top: 16px;
    font-weight: 600;
}
#weCallYouForm>button, #weCallYouForm>button:hover, .button, .button:hover {
    padding: 4px 1.5rem;
    font-family: Montserrat;
}

#weCallYouPhoneNumber {
    min-height: 20px !important;
    width: 170px;
    font-size: 10px;
    line-height: 20px;
}
#weCallYouForm>div, #weCallYouPhoneNumber {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#weCallYouPhoneNumber, .modal-body form button {
    max-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.modal-footer {
    margin-top: 1.5rem !important;
    text-align: center;
}
#modal-phone-call {
    z-index: 999;
}

@media screen and (max-width: 980px) {

#modal-phone-call>div>div>div>div>div.modal-window>div>div>div.blocks>ul>li>div.columns.is-vcentered.is-centered>div:nth-child(2) .column__button-text {
    flex-grow: 1;
    text-align: left;
    margin-left: 12px;
    width: 100%;
    clear: right;
    display: block;
    flex-direction: column;
    position: relative;
    float: left
}
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
    }

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li {
        flex-direction: row;
        display: inline-flex;
        grid-template-columns: 2fr 1fr;
        width: 100%;
        align-content: flex-start;
        align-items: flex-start;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul {
        margin: 4px .1rem;
        max-width: 100%;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div {
        display: flex;
        flex-direction: row !important;
        justify-content: center;
        background-color: #000;
        width: 100%;
        border-radius: 6px 6px 0 0;
        padding-left: 0;
        padding-right: 0;
    }

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li {
        flex-direction: row;
        display: inline-flex
;
        grid-template-columns: 2fr 1fr;
        width: 100%;
        align-content: flex-start;
        align-items: flex-start;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section .action:before {
        background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pre-media/tvgpk1z4/call_icon.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-position-x: left;
        width: 234px;
        height: 26px;
        display: block;
        min-width: unset;
        background-position-y: bottom;
        content: "¿Quieres Contratar?";
        color: #fff;
        text-indent: 23px;
        margin: auto auto auto 10px;
        float: left;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: bolder;
        line-height: 27px;
    }

    

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li>button {
        font-family: "Open Sans Semi Bold", sans-serif;
        transition: .3s;
        display: block;
        padding: 0 2px 0 0;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        flex-direction: row;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        right: 0;
        flex-wrap: wrap;
        min-width: 40px !important;
        padding-left: 2px !important;
        max-width: 150px;
        margin-right: 8px;
        border-radius: 6px;
        transform: none !important;
        font-weight: bolder !important;
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner {
        padding: 0 !important;
        bottom: 0;
        align-items: center;
        text-align: center;
        width: 100%;
        position: fixed;
        z-index: 999;
        display: inline-flex;
        flex-direction: row;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>.ccontainer.container .section .action:before {
        background-image: url(https://storage.googleapis.com/gcs-gcp-adamo-web-pre-media/tvgpk1z4/call_icon.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-position-x: left;
        width: 234px;
        height: 26px;
        display: block;
        min-width: unset;
        background-position-y: bottom;
        content: "¿Quieres Contratar?";
        color: #fff;
        text-indent: 23px;
        margin: auto auto auto 10px;
        float: left;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: bolder;
        line-height: 27px;
    }

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul>li {
        flex-direction: row;
        display: inline-flex;
        grid-template-columns: 2fr 1fr;
        width: 100%;
        align-content: flex-start;
        align-items: flex-start;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    #content>div>div>div>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered>ul {
        margin: 4px .1rem;
        max-width: 100%;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    #content>div>div>div:first-child>div>div>section.modal-wrapper.gradient-wrapper.adamoModalPhoneCallBanner>div.ccontainer.container>div>div>div.columns.is-mobile.is-vcentered {
        border: 2px solid #fff;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        BACKGROUND: BLACK;
    }

    #modal-we-call-you>div>div>div>div>div.modal-window>div>div>div.modal-head>div.title {
        float: left;
        text-indent: 100px;
        font-size: 18px !important;
        margin-top: 80px;
    }
    .modal-footer {
        margin-top: 0 !important;
        padding-bottom: 50px;
        width: 100%;
        text-align: left !important;
    }
}
.modal-head {
    margin-bottom: 0 !important;
}
    .modal-head {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}