@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);
}

.product-html-container .font-gotham {
    font-family: GothamMedium;
}

.product-html-container .font-gotham-book {
    font-family: GothamBook;
}

.product-html-container .font-inter {
    font-family: FontInter;
}

.product-html-container .font-roboto {
    font-family: FontRoboto;
}

.product-html-container .font-poppins {
    font-family: FontPoppins;
}

.font-uni-sans {
    font-family: UniSans;
}

.product-html-container .font-uni-sans-bold {
    font-family: UniSansBold;
}

.product-html-container .font-uni-sans-light {
    font-family: UniSansLight;
}

.product-html-container .font-uni-sans-heavy {
    font-family: UniSansHeavy;
}

.product-html-container .font-uni-sans-semi-bold {
    font-family: UniSansSemiBold;
}

.product-html-container .font-uni-sans-thin {
    font-family: UniSansThin;
}

.product-html-container .font-uni-sans-book {
    font-family: UniSansBook;
}

.product-html-container .font-uni-sans-italic {
    font-family: UniSansItalic;
}

.product-html-container .font-uni-sans-bold-italic {
    font-family: UniSansBoldItalic;
}

.product-html-container .font-uni-sans-light-italic {
    font-family: UniSansLightItalic;
}

.product-html-container .font-uni-sans-heavy-italic {
    font-family: UniSansHeavyItalic;
}

.product-html-container .font-uni-sans-thin-italic {
    font-family: UniSansThinItalic;
}

.product-html-container .font-uni-sans-semi-bold-italic {
    font-family: UniSansSemiBoldItalic;
}

.product-html-container .text-bold-900 {
    font-weight: 900;
}

.product-html-container .text-bold-lighter {
    font-weight: lighter;
}

.product-html-container .product-html-text-black {
    color: #000000;
}

.product-html-container .product-html-text-gray {
    color: #434343;
}

.product-html-container .uppercase {
    text-transform: uppercase;
}


.product-html-title-product {
    font-size: 3rem;
    margin-top: -10px;

}

.product-html-container .title-product-line-two {
    font-size: 3.5rem;
    font-family: UniSansBold;
}

.product-html-container .line-height {
    line-height: 3.4rem;
}

.product-html-container .product-html-text-center {
    text-align: center;
}

.product-html-container .product-html-text-left {
    text-align: left;
}

.product-html-container .product-html-text-right {
    text-align: right;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.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%;
}


.product-html-container {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100vw;
}

.product-html-container .letter-spacing {
    letter-spacing: 2px;
}

.product-html-container .product-html-mg-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.product-html-container .product-html-show-desktop {
    display: block;
}

.product-html-container .product-html-show-mobile {
    display: none;
}

/* Tamanhos de fonte para desktop */
@media (min-width: 1025px) {


    .product-html-container .product-html-show-desktop {
        display: block;
    }

    .product-html-container .product-html-show-mobile {
        display: none;
    }

    .product-html-container .row.product-html-show-desktop {
        display: flex;
    }
}

/* Tamanhos de fonte para mobile */
@media (max-width: 1024px) {

    .product-html-container .product-html-show-desktop {
        display: none;
    }

    .product-html-container .product-html-show-mobile {
        display: block;
    }

    .product-html-container .row.product-html-show-mobile {
        display: flex;
    }



    .product-html-container .product-html-title-product {
        font-size: 2.5rem;
        margin-top: -5px;
    }

    .product-html-container .title-product-line-two {
        font-size: 3.0rem
    }

    .product-html-container .line-height {
        line-height: 2.8rem;
    }

    .product-html-container .letter-spacing {
        letter-spacing: 1px;
    }
}


/* Estilo Geral (Default para telas maiores) */
.product-html-container .product-html-description {
    font-family: UniSansBook;
    font-size: 1.2vw;
    line-height: 1.2;

}

.product-html-container .product-html-title {
    font-family: UniSansBold;
    font-size: 1.5vw;
}

/* Telas Grandes (Desktop > 1024px) */
@media (min-width: 1161px) {
  .product-html-container .product-html-description {
    font-size: 1.2vw;
    /* Tamanho ideal para telas grandes */
    line-height: 1.2;
  }

  .product-html-container .product-html-title {
    font-size: 1.5vw;
  }
}

@media (min-width: 1025px) and (max-width: 1160px) {
  .product-html-container .product-html-description {
    font-size: 1.2rem;
    /* Tamanho ideal para telas grandes */
    line-height: 1.3;
  }

  .product-html-container .product-html-title {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) and (max-width: 800px) {
  .product-html-container .product-html-description {
    font-size: 1.5rem;
    /* Reduzido proporcionalmente para tablets */
    line-height: 1.2;
    /* Mantém a estrutura de leitura */
  }

  .product-html-container .product-html-title {
    font-size: 2.4rem;
  }
}

/* Telas Médias (Tablets entre 768px e 1024px) */
@media (min-width: 801px) and (max-width: 1024px) {
  .product-html-container .product-html-description {
    font-size: 1.8rem;
    /* Reduzido proporcionalmente para tablets */
    line-height: 1.2;
    /* Mantém a estrutura de leitura */
  }

  .product-html-container .product-html-title {
    font-size: 2.5rem;
  }
}

/* Telas Pequenas (Smartphones entre 480px e 767px) */
@media (min-width: 540px) and (max-width: 767px) {
  .product-html-container .product-html-description {
    font-size: 1.3rem;
    /* Menor, mas legível em smartphones médios */
    line-height: 1.2;
  }

  .product-html-container .product-html-title {
    font-size: 1.7rem;
    /* Títulos ajustados proporcionalmente */
    line-height: 1.2;
  }
}

/* Telas Pequenas (Smartphones entre 480px e 767px) */
@media (min-width: 480px) and (max-width: 500px) {
  .product-html-container .product-html-description {
    font-size: 1.2rem;
    /* Menor, mas legível em smartphones médios */
    line-height: 1.1;
  }

  .product-html-container .product-html-title {
    font-size: 1.5rem;
    /* Títulos ajustados proporcionalmente */
    line-height: 1.2;
  }
}

@media (min-width: 270px) and (max-width: 391px) {
  .product-html-container .product-html-description {
    font-size: 1rem;
    /* Mínimo legível em telas muito pequenas */
    line-height: 1.1;
  }

  .product-html-container .product-html-title {
    font-size: 1.2rem;
    /* Tamanho reduzido para pequenos dispositivos */
  }
}

@media (min-width: 392px) and (max-width: 479px) {
  .product-html-container .product-html-description {
    font-size: 1rem;
    /* Mínimo legível em telas muito pequenas */
    line-height: 1.2;
  }

  .product-html-container .product-html-title {
    font-size: 1.2rem;
    /* Tamanho reduzido para pequenos dispositivos */
    line-height: 1.2;
  }
}