.btn-white {
    border: 1px solid #FFF;
    margin: 0px !important;
}

.btn-white .text {
    color: #FFF;
}

.row-reverse {
    flex-direction: row-reverse;
}


.card-product.produto img {
    aspect-ratio: 255/175;
}

.card-product .image img {
    height: auto;
}

.card-best-seller .installments {
    display: block;
    color: #FFF;
    margin-top: 6px;
}

.content-single-product .price {
    margin-bottom: 0px !important;
}

.content-single-product .installments {
    display: block;
    margin-bottom: 24px !important;
}

.content-single-product .price span {
    font-size: 16px;
}

.content-receita-1 .carousel-gallery-product {
    margin-bottom: 16px;
}

.wrap-contact .bottom {
    padding-top: 0px;
    border-top: none;
}

.item-accordion .content-accordion p {
    word-break: keep-all;
}

.btn-login-form {justify-content: center; height: 50px; padding: 0 25px; display: flex; align-items: center; border:none; border-radius: 4px; width: fit-content; background: #DE5B11; color: #FFF; font-family: Gotham Medium; font-size: 14px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase}
.btn-login-form:hover {background: #911D14}

.wrap-social .video-thumbnail { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.wrap-social .video-thumbnail img { width: 100%; height: 100% !important; object-fit: cover; display: block; }

.btn-send-form-orcamento {
    border: 1px dashed #9AA6C8;
    background: #243469;
    color: #F6F8FF;
    padding: 16px;
    border-radius: 8px;
}

/* H1 semântico nas páginas de produtos (mesmo visual dos antigos h2/span) */
.wrap-home-banner .item-banner h1 {color: #FFF;}
.wrap-list-products .box-text-info h1.title {line-height: 28px;}

/* Ficha de especificações do produto */
.wrap-content-product .box-specs {margin-bottom: 24px;}
.wrap-content-product .box-specs .title-specs {font-size: 20px; line-height: 24px; font-weight: 700; margin-bottom: 12px;}
.wrap-content-product .box-specs dl {display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; font-size: 14px; line-height: 20px;}
.wrap-content-product .box-specs dt {color: #243469; font-weight: 700;}
.wrap-content-product .box-specs dd {margin: 0;}

@media (max-width: 575px) {
    .wrap-content-product .box-specs dl {grid-template-columns: 1fr; gap: 2px;}
    .wrap-content-product .box-specs dd {margin-bottom: 8px;}
}

/* Busca do header (estava oculta e sem destino) */
header .topbar .open-search {display: flex;}

/* Mobile/tablet: a imagem da seção de catálogos (644px) sangra para fora da tela por design,
   mas gerava rolagem horizontal. "clip" corta só o eixo X sem cortar a imagem que sobe acima da seção */
@media only screen and (max-width: 1200px) {
    .wrap-catalogos {overflow-x: clip;}
    /* Sobre: círculo decorativo de 335px girando (.box-title:before) também extrapolava a tela */
    .wrap-about-5 {overflow-x: clip;}
}

/* Faixa "Faça já o seu orçamento": palavra em 80px não cabia em telas de 360px */
.wrap-cta-disk .box .title strong {font-size: min(80px, 17vw);}