@font-face {
    font-family: 'Corporative Soft';
    src: url('../fonts/CorporativeSoft-Black.eot');
    src: url('../fonts/CorporativeSoft-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CorporativeSoft-Black.woff2') format('woff2'),
        url('../fonts/CorporativeSoft-Black.woff') format('woff'),
        url('../fonts/CorporativeSoft-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Corporative Soft';
    src: url('../fonts/CorporativeSoft-Bold.eot');
    src: url('../fonts/CorporativeSoft-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CorporativeSoft-Bold.woff2') format('woff2'),
        url('../fonts/CorporativeSoft-Bold.woff') format('woff'),
        url('../fonts/CorporativeSoft-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Corporative Soft';
    src: url('../fonts/CorporativeSoft-Regular.eot');
    src: url('../fonts/CorporativeSoft-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CorporativeSoft-Regular.woff2') format('woff2'),
        url('../fonts/CorporativeSoft-Regular.woff') format('woff'),
        url('../fonts/CorporativeSoft-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mithella';
    src: url('../fonts/Mithella-Bold.eot');
    src: url('../fonts/Mithella-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mithella-Bold.woff2') format('woff2'),
        url('../fonts/Mithella-Bold.woff') format('woff'),
        url('../fonts/Mithella-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mithella';
    src: url('../fonts/Mithella-Regular.eot');
    src: url('../fonts/Mithella-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mithella-Regular.woff2') format('woff2'),
        url('../fonts/Mithella-Regular.woff') format('woff'),
        url('../fonts/Mithella-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
    --light-color:#ffffff;
    --black-color: #090000;
}
.color-light{
    color: var(--light-color)!important;
}
.color-dark{
    color: var(--black-color)!important;
}
.fw-black{
    font-weight: 900;
}
.font-secondary{
    font-family: 'Mithella', sans-serif;
}
html{
    font-size: 16px;
}
body{
    color: var(--black-color);
    background-color: #eed84f;
    font-family: 'Corporative Soft', sans-serif;
    font-weight: normal;
    line-height: 1;
}
.fs-1 {
    font-size: 5.6vw !important;
}
.fs-2 {
    font-size: 4vw !important;
}
.fs-3 {
    font-size: 2.4vw !important;
}
.fs-4 {
    font-size: 1.5vw !important;
}
.fs-4 .small{
    font-size: .7em!important;
}
.fs-5 {
    font-size: 1.2vw !important;
}
.fs-6 {
    font-size: 1vw !important;
}

.fs-7 {
    font-size: 2vw !important;
}
.logotipo{
    max-width: 9vw;
    height: auto;
}
.bg-logotipo{
    padding-top: 4vh;
    padding-bottom: 7vh;
    padding-left: 1.4vw;
    padding-right: 1.4vw;
}
.border-dark{
    border-color: var(--black-color)!important;
}
.btn-shadow{
    box-shadow: -4px 7px 0 0 #000;
    height: 2.2em;
}
.data{
    -webkit-text-stroke: 1px #000;
    text-shadow: -.03em .045em 0 #000000;
    letter-spacing: -.05em;
    margin-top: -.6rem;
}
.content{
    padding: 1vw 2vw 2vw;
}

@media screen and (max-width: 1920px){
    .bg-image{
         background-position-y: -6.5rem;
    }   
}

@media screen and (max-width: 1680px){
    .bg-image{
         background-position-y: auto;
    }   
}

@media screen and (max-width:1366px) {
    html{
        font-size: 9px;
    }
    /* .bg-image{
         background-position-y: -10.5rem!important;
    } */
    .bg-image{
        background-image: url('../images/bg-laptop.png') !important;
        background-position: center bottom;
        background-size: 100% auto!important;
        /*background-position-y: -7.5rem!important;*/
    }
}
@media screen and (max-width:1280px) {
    html{
        font-size: 12px;
    }
    .bg-image{
        background-position-y: auto!important;
        background-size: cover!important;
        background-position: center center!important;
    }
}
@media screen and (max-width:991px) {
    .vh-100{
        height: auto!important;
        min-height: 100vh;
    }
    .bg-image{
        background-image: url('../images/bg-mobile.webp')!important;
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .logotipo {
        max-width: 18vw;
    }
    .bg-logotipo{
        padding: 3vw 5vw 5vw;
    }
    .fs-1 {
        font-size: 14vw !important;
    }
    .fs-2 {
        font-size: 9.2vw !important;
    }
    .fs-3 {
        font-size: 5.6vw !important;
    }
    .fs-4 {
        font-size: 4vw !important;
    }
    .fs-5 {
        font-size: 3.3vw !important;
    }
    .fs-6{
        font-size: 2.4vw!important;
    }
    .fs-7 {
    font-size: 6vw !important;
}
    .vw-75{
        width: 75vw;
        margin-left: auto;
        margin-right: auto;
    }
    .py-5,.pt-5{
        padding-top: 5vw!important;
    }
    .py-5,.pb-5{
        padding-bottom:5vw!important ;
    }
    .my-5,.mt-5{
        margin-top: 5vw!important;
    }
    .my-5,.mb-5{
        margin-bottom:5vw!important ;
    }
    .spacing-bottom{
        padding-top: 72vw;
    }
    .icone-social{
        max-width: 7vw;
        height: auto;
    } 
    
}
@media screen and (max-width:567px) {
    html{
        font-size:10px ;
    }
    .btn-shadow{
        box-shadow: -2px 4px 0 0 #000;
        height: 2.2em;
    }
}
@media screen and (min-width:992px) {
    .bg-image{
        background-image: url('../images/bg-desktop.webp');
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .bg-content{
        background-color: #ffd500;
        opacity: 0.8;
        /*mix-blend-mode: overlay;*/
        border-radius: 4rem;
    }
}


.text-stroke{
    text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}
.text-stroke:after{
    display: block;
    content: "";
    background-color: #ffffff;
    width: 75%;
    height: 43%;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    top: 50%;
    left: 50%;
    z-index: -1 !important;
}