#backdrop {
    width: 100%;
    min-height: 100%;
    overflow:hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 10;
}

.hidden-backdrop{
    transition: opacity 2s ease-out;
    opacity: 0;
}

.button-color-E08AA1{
    background-color: #E08AA1;
}

.hero-right{
    padding-left: -10rem;
}

.our-history{
    width: 20rem !important;
}
.recomended{
    width: 88.04px !important;
    height: 71.51px !important;
}


.form-resellers {
    width: 30rem;
}

@media (min-width: 640px){
    .recomended{
        width: 134px !important;
        height: 104px !important;
    }
    .our-history{
        width: 10rem !important;
    }
    
}



.bg-hero{
    background-image: url("/static/img/hero/bg.png");
}
.bg-footer{
    background-image: url("/static/img/site/footer.png");
}
.bg-reviews{
    background-image: url("/static/img/site/índice.png");
}
.bg-benefits{
    background-image: url("/static/img/site/bgs@2x.png");
}
.bg-resellers-home-dark{
    background-image: url("/static/img/reseller/bg-reseller.png");
    background-size: 100% 100%;
}
.bg-resellers-home-light{
    background-image: url("/static/img/reseller/fondo_blanco_web_home.png");
    background-size: 100% 100%;
}
.bg-resellers-plans{
    background-image: url("/static/img/reseller/fondo_blanco_plans.png");
    background-size: 100% 100%;
}

.bg-stories{
    background-image: url("/static/img/site/bgs@2x.png");
    background-size: 100% 100%;
}
@media (max-width: 639px){
    .form-resellers {
        width: 24rem;
    }
    .bg-hero{
        background-image: url("/static/img/hero/bg-mobile.png");
        background-size: 100% 52%;
    }
    .bg-footer{
        background-position: 25% 0%;
    }
    .bg-reviews{
        background-image: none;
        background-color: white;
    }
    .bg-benefits{
        background-image: none;
    }
    .bg-resellers-home-dark{
        background-image: url("/static/img/reseller/bg-reseller.png");
        min-height: 55vh;
    }
    .bg-resellers-home-light{
        background-image: url("/static/img/reseller/fondo_blanco_responsive_home.png");
        min-height: 45vh;
    }
    .bg-resellers-plans{
        background-image: url("/static/img/reseller/fondo_blanco_responsive2_1.png");
    }
    
}
@media (max-width: 575px){
    .bg-hero{
        background-image: url("/static/img/hero/bg-mobile.png");
        background-size: 100% 55%;
    }
}

@media (max-width: 494px){
    .bg-hero{
        background-image: url("/static/img/hero/bg-mobile.png");
        background-size: 100% 59%;
    }
}

@media (max-width: 434px){
    .bg-hero{
        background-image: url("/static/img/hero/bg-mobile.png");
        background-size: 100% 63%;
    }
}

@media (max-width: 356px){
    .bg-hero{
        background-image: url("/static/img/hero/bg-mobile.png");
        background-size: 100% 68%;
    }
}


.reviews-img{
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}


.my-history-video{
    width: 100%;
}

@media (min-width: 640px){
    .my-history-video{
        width: 40rem;
    }
}

.footer-bg{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.234621) 0%, rgba(0, 0, 0, 0.1365) 100%) !important;
}

.footer-elem{
    width: 100%;
    height: 7rem;
    padding-left:  2.0rem;
    padding-top:  1.5rem;
}
.hiperlinks{
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 15px;
}

@media (min-width: 640px){
    .footer-elem{
        padding-left:  2.5rem;
    }   
}
.initial-sqr{
    border-radius: 20px 20px 0px 0px;
}
.final-sqr{
    border-radius: 0px 0px 20px 20px;
}

@media (min-width: 1024px){
    .initial-sqr{
        border-radius: 20px 0px 0px 20px;
    }
    .final-sqr{
        border-radius: 0px 20px 20px 0px;
    }
}

.icons-benefits{
    min-width: 4rem;
    max-width: 5rem;
}

.text-pink-button{
    color: #E08AA1;
}

.linea{
    border-top-width: 1px;
}

.linea2{
    border-top-width: 1px;
    border-color: #7B26FF;
}

.font-work-sans-100{
    font-family: WorkSans;
    font-weight: 100;
}
.font-work-sans-200{
    font-family: WorkSans;
    font-weight: 200;
}

.font-work-sans-300{
    font-family: WorkSans;
    font-weight: 400;
}
.font-work-sans-400{
    font-family: WorkSans;
    font-weight: 400;
}
.font-work-sans-500{
    font-family: WorkSans;
    font-weight: 500;
}
.font-work-sans-600{
    font-family: WorkSans;
    font-weight: 600;
}
.font-work-sans-700{
    font-family: WorkSans;
    font-weight: 700;
}
.font-work-sans-800{
    font-family: WorkSans;
    font-weight: 800;
}
.font-work-sans-900{
    font-family: WorkSans;
    font-weight: 900;
}

.font-montserrat-100{
    font-family: Montserrat;
    font-weight: 100;
}
.font-montserrat-200{
    font-family: Montserrat;
    font-weight: 200;
}
.font-montserrat-300{
    font-family: Montserrat;
    font-weight: 400;
}
.font-montserrat-400{
    font-family: Montserrat;
    font-weight: 400;
}
.font-montserrat-500{
    font-family: Montserrat;
    font-weight: 500;
}
.font-montserrat-600{
    font-family: Montserrat;
    font-weight: 600;
}
.font-montserrat-700{
    font-family: Montserrat;
    font-weight: 700;
}
.font-montserrat-800{
    font-family: Montserrat;
    font-weight: 800;
}
.font-montserrat-900{
    font-family: Montserrat;
    font-weight: 900;
}
.font-woodland-700{
    font-family: "WoodLand";
    font-weight: 700;
}
.font-objectsans-400{
    font-family: "ObjectSans";
    font-weight: 400;
}




@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-Thin.ttf");
    font-style: normal;
    font-weight:100;
    }

@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-ExtraLight.ttf");
    font-style: normal;
    font-weight: 200;
    }

@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-Light.ttf");
    font-style: normal;
    font-weight: 300;
    }

@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-Regular.ttf");
    font-style: normal;
    font-weight: 400;
    }

@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-Medium.ttf");
    font-style: normal;
    font-weight: 500;
    }

@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-SemiBold.ttf");
    font-style: normal;
    font-weight:600;
    }
@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-Bold.ttf");
    font-style: normal;
    font-weight: 700;
    }
@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-ExtraBold.ttf");
    font-style: normal;
    font-weight:800;
    }
@font-face {
    font-family: "Montserrat";
    src: url("/static/fonts/montserrat/Montserrat-Black.ttf");
    font-style: normal;
    font-weight:900;
    }


@font-face {
    font-family: "Work Sans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-Thin.ttf");
    font-style: normal;
    font-weight:100;
    }

@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-ExtraLight.ttf");
    font-style: normal;
    font-weight: 200;
    }

@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-Light.ttf");
    font-style: normal;
    font-weight: 300;
    }

@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-Regular.ttf");
    font-style: normal;
    font-weight: 400;
    }

@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-Medium.ttf");
    font-style: normal;
    font-weight: 500;
    }

@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-SemiBold.ttf");
    font-style: normal;
    font-weight:600;
    }
@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-Bold.ttf");
    font-style: normal;
    font-weight: 700;
    }
@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-ExtraBold.ttf");
    font-style: normal;
    font-weight:800;
    }
@font-face {
    font-family: "WorkSans";
    src: url("/static/fonts/work-sans/TTF/WorkSans-Black.ttf");
    font-style: normal;
    font-weight:900;
}
@font-face {
    font-family: "WoodLand";
    src: url("/static/fonts/woodland/PPWoodland-Bold.otf");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: "ObjectSans";
    src: url("/static/fonts/object-sans/ObjectSans-Regular.otf");
    font-style: normal;
    font-weight: 400;
}



button.btn_question.text-left.w-full.flex.justify-between.items-start.text-gray-400{
    outline: none;
}

.list-subs{
    height: 30rem;
}
.list-subs-cont{
    height: 30.5rem;
}
.menu-subs{
    right: 1rem;
    top: 1rem;
    outline: none;
    border: none;
}

.goback{
    left: 0rem;
    top: 1rem;
    cursor: pointer;
}

.h-subs{
    height: 15rem !important;
}

.roboto{
    font-family: Roboto
}

.ok-border{
    border-width: 8px;
    border-color: #67CEDF;
}


.cuentos{
    max-width: 60rem;
}

.bg-blue{
    background-color: #47A3D1;
}

.text-color-dark_blue{
    color: #0B4469;
}

.border-dark_blue{
    border-color:#0B4469 !important;
}
.border-blue{
    border-color:#47A3D1;
}

.text-color-moradito{
    color: #656180;
}