
@font-face {
    font-family: FontInter;
    src: url(https://lojawap.vteximg.com.br/arquivos/Inter-Variable.ttf.css);
}

@font-face {
    font-family: FontRoboto;
    src: url(https://lojawap.vteximg.com.br/arquivos/Roboto-Bold.ttf.css);
}

@font-face {
    font-family: FontPoppins;
    src: url(https://lojawap.vteximg.com.br/arquivos/Poppins-Bold.ttf.css);
}

@font-face {
    font-family: UniSans;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans.ttf.css) ;
}

@font-face {
    font-family: UniSansBold;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Bold.ttf.css) ;
}

@font-face {
    font-family: UniSansLight;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Light.ttf.css) ;
}

@font-face {
    font-family: UniSansHeavy;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Heavy.ttf.css) ;
}

@font-face {
    font-family: UniSansSemiBold;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_SemiBold.ttf) ;
}

@font-face {
    font-family: UniSansThin;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Thin.ttf.css) ;
}

@font-face {
    font-family: UniSansBook;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Book.ttf.css) ;
}

@font-face {
    font-family: UniSansItalic;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Italic.ttf.css) ;
}

@font-face {
    font-family: UniSansBoldItalic;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Bold_Italic.ttf.css) ;
}

@font-face {
    font-family: UniSansLightItalic;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Light_Italic.ttf.css) ;
}

@font-face {
    font-family: UniSansHeavyItalic;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Heavy_Italic.ttf.css) ;
}

@font-face {
    font-family: UniSansThinItalic;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_Thin_Italic.ttf.css) ;
}

@font-face {
    font-family: UniSansSemiBoldItalic;
    src: url(https://lojawap.vteximg.com.br/arquivos/Uni_Sans_SemiBold_Italic.ttf.css) ;
}


@font-face {
    font-family: GothamMedium;
    src: url(https://lojawap.vteximg.com.br/arquivos/GothamMedium.ttf.css) ;
}

@font-face {
    font-family: GothamBook;
    src: url(https://lojawap.vteximg.com.br/arquivos/GothamBook.ttf.css) ;
}

.font-gotham{
    font-family: GothamMedium;
}

.font-gotham-book{
    font-family: GothamBook;
}

.font-inter {
    font-family: FontInter;
}

.font-roboto {
    font-family: FontRoboto;
}

.font-poppins {
    font-family: FontPoppins;
}

.font-uni-sans {
    font-family: UniSans;
}

.font-uni-sans-bold {
    font-family: UniSansBold;
}

.font-uni-sans-light {
    font-family: UniSansLight;
}

.font-uni-sans-heavy {
    font-family: UniSansHeavy;
}

.font-uni-sans-semi-bold {
    font-family: UniSansSemiBold;
}

.font-uni-sans-thin {
    font-family: UniSansThin;
}

.font-uni-sans-book {
    font-family: UniSansBook;
}

.font-uni-sans-italic {
    font-family: UniSansItalic;
}

.font-uni-sans-bold-italic {
    font-family: UniSansBoldItalic;
}

.font-uni-sans-light-italic {
    font-family: UniSansLightItalic;
}

.font-uni-sans-heavy-italic {
    font-family: UniSansHeavyItalic;
}

.font-uni-sans-thin-italic {
    font-family: UniSansThinItalic;
}

.font-uni-sans-semi-bold-italic {
    font-family: UniSansSemiBoldItalic;
}

.text-bold-900 {
    font-weight: 900;
}

.text-bold-lighter {
    font-weight:lighter;
}

.text-black {
    color: #000000;
}

.text-gray {
    color: #434343;
}

.uppercase {
    text-transform: uppercase;
}

/* Estilo para títulos (UniSansBold) */
.title {
    font-family: UniSansBold;
}

.title-product{
    font-size: 3rem;
    margin-top: -10px;
}
.title-product-line-two{
    font-size:4.76rem
}
.line-height{
    line-height: 3.4rem;
}

.w-10{
    width: 10%;
}
.w-20{
    width: 20%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}

.w-50{
    width: 50%;
}
.w-60{
    width: 60%;
}

.w-70{
    width: 70%;
}
.w-72{
    width: 72%;
}
.w-74{
    width: 74%;
}
.w-75{
    width: 75%;
}

.w-78{
    width: 78%;
}
.w-80{
    width: 80%;
}
.w-81{
    width: 81%;
}
.w-82{
    width: 82%;
}

.w-85{
    width: 85%;
}

.w-90{
    width: 90%;
}

.w-100{
    width: 100%;
}


.container-product{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100vw;
}

.letter-spacing{
    letter-spacing:2px;
}

/* Estilo para descrições (UniSans) */
.description {
    font-family: UniSansBook;
}

.mg-center{
    margin-left: auto;
    margin-right: auto;
}

.show-desktop{
    display: block;
}

.show-mobile{
    display: none;
}

/* Tamanhos de fonte para desktop */
@media (min-width: 768px) {
    .title {
        font-size: 1.8rem;
    }
    .description {
        font-size: 1.3rem;
    }

    .show-desktop{
        display: block;
    }
    
    .show-mobile{
        display: none;
    }
}

/* Tamanhos de fonte para mobile */
@media (max-width: 767px) {

    .show-desktop{
        display: none;
    }
    
    .show-mobile{
        display: block;
    }

    .title {
        font-size: 1.5rem;
    }
    .description {
        font-size: 1.2rem;
    }

    .title-product{
        font-size: 2.5rem;
        margin-top: -5px;
    }
    .title-product-line-two{
        font-size:3.5rem
    }
    .line-height{
        line-height: 2.8rem;
    }

    .letter-spacing{
        letter-spacing:1px;
    }
}
