@charset "utf-8";

/*seção barra superior*/
.top-bar.section {
    padding: 10px 0px;
}

.top-bar .focus-container p {
    width: 100%;
    text-align: center;
    color: var(--text-color-1);
}

/*fim: seção barra superior*/

/*seção cabeçalho*/
.header.section {
    padding: 15px 0px;
}

.header .image-box {
    width: 100%;
    max-width: var(--max-logo);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.header .image-box img {
    width: 100%;
    height: auto;
    aspect-ratio: 228 / 29;
}

.header .shape-separator {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: -30px;
}

.header .shape-separator svg {
    width: 100%;
    height: 15px;
    fill: var(--section-color-1);
}

/*fim: seção cabeçalho*/

/*seção rodapepé*/
.footer.section {
    padding: 30px 0px;
}

.footer .payment-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px 15px;
}

.footer .payment-container .payment-image {
    width: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.footer .payment-container .payment-image svg {
    width: 100%;
    height: auto;
}

.footer .divider-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.footer .divider-container hr {
    width: 100%;
    height: 2px;
    background: var(--divider-color-1);
    border-radius: var(--border-radius-0);
}

.footer .footer-box {
    width: 100%;
    max-width: var(--max-box-3);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .footer-box {
        max-width: var(--max-box-2);
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .footer .footer-box {
        max-width: 100%;
    }
}

.footer .title-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.footer .title-block h3 {
    width: 100%;
    text-align: left;
    color: var(--text-color-1);
}

.footer .content-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    gap: 10px 0px;
}

.footer .footer-box.useful-link .content-block {
    gap: 0;
}

.footer .footer-box.useful-link a {
    width: 100%;
    color: var(--text-color-1);
}

.footer .footer-box.useful-link a:hover {
    text-decoration: underline;
}

.footer .footer-box.useful-link a p {
    width: 100%;
    text-align: left;
    color: currentColor;
}

.footer .footer-box.contact-link p {
    width: 100%;
    text-align: left;
    color: var(--text-color-1);
}

.footer .footer-box.contact-link p {
    width: 100%;
    text-align: left;
    color: var(--text-color-1);
}

.footer .footer-box.contact-link a {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 0px 15px;
    color: var(--text-color-1);
}

.footer .footer-box.contact-link a:hover {
    text-decoration: underline;
}

.footer .footer-box.contact-link a p {
    width: auto;
    text-align: left;
    color: currentColor;
}

.footer .footer-box.contact-link .icon-block {
    width: auto;
    height: 22px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.footer .footer-box.contact-link .icon-block svg {
    width: auto;
    height: 100%;
    fill: currentColor;
}

.footer .footer-box.tracking-link p {
    width: 100%;
    text-align: left;
    color: var(--text-color-1);
}

.footer .footer-box.tracking-link .icon-button.button-tracking {
    padding: 10px 15px;
}

.footer .footer-box.security-seal .seal {
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0px 15px;
    background: var(--box-color-3);
    padding: 5px 15px;
    border-radius: var(--border-radius-1);
    user-select: none;
}

.footer .footer-box.security-seal .seal p {
    width: auto;
    text-align: left;
    color: var(--text-color-0);
}

.footer .footer-box.security-seal .icon-block {
    width: auto;
    height: 22px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.footer .footer-box.security-seal .icon-block svg {
    width: auto;
    height: 100%;
    fill: var(--icon-color-0);
}

.footer .cnpj-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px 0px;
}

.footer .cnpj-container p {
    width: 100%;
    text-align: center;
    color: var(--text-color-1);
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .cnpj-container p {
        text-align: left;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .footer .cnpj-container p {
        text-align: left;
    }
}

/*fim: seção rodapé*/