/* Shared section typography. Keep this file after the Framer export styles. */
:root {
    --sl-title-size: clamp(48px, 7.5vw, 100px);
    --sl-copy-size: 20px;
    --sl-header-gap: 24px;
    --sl-gutter: clamp(32px, 5.55vw, 80px);
}
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) {
    box-sizing: border-box;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: var(--sl-header-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0;
    text-align: left !important;
    overflow: visible !important;
}
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) :is([data-framer-name="Header Wrap"], [data-framer-component-type="RichTextContainer"], .ssr-variant) {
    flex: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    white-space: normal !important;
    text-align: left !important;
}
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) :is([data-framer-name="Header Wrap"], [data-framer-component-type="RichTextContainer"]:has(h2), .ssr-variant:has(h2)) {
    width: 100% !important;
    align-items: flex-start !important;
    gap: var(--sl-header-gap) !important;
}
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) h2,
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) h2 :is(span, em, strong) {
    --framer-font-family: "Inter Display", "Inter", sans-serif !important;
    --framer-font-size: var(--sl-title-size) !important;
    --framer-font-weight: 400 !important;
    --framer-font-style: normal !important;
    --framer-line-height: 1em !important;
    --framer-letter-spacing: -0.06em !important;
    --framer-text-alignment: left !important;
    font-family: "Inter Display", "Inter", sans-serif !important;
    font-size: var(--sl-title-size) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
    text-align: left !important;
}
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) h2 {
    margin: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
}
/* Subtitle containers, excluding the nested eyebrow/icon components. */
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) > [data-framer-component-type="RichTextContainer"]:has(> p),
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) [data-framer-name="Header Wrap"] > [data-framer-component-type="RichTextContainer"]:has(> p) {
    width: 100% !important;
    max-width: 600px !important;
    align-self: flex-start !important;
}
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) > [data-framer-component-type="RichTextContainer"] > p,
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq, .framer-1ini7o9, .framer-lc4wi9):not(main > section:first-of-type *) [data-framer-name="Header Wrap"] > [data-framer-component-type="RichTextContainer"] > p {
    --framer-font-size: var(--sl-copy-size) !important;
    --framer-line-height: 1.2em !important;
    --framer-text-alignment: left !important;
    font-family: "Inter", sans-serif !important;
    font-size: var(--sl-copy-size) !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    margin: 0 !important;
}
/* The collections title previously occupied a centered, sticky viewport. */
.framer-O02ad .framer-1ini7o9 {
    position: relative !important;
    top: auto !important;
    padding: 0 var(--sl-gutter) 48px !important;
}
.framer-O02ad .framer-ert0v1 {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
}
/* Put the FAQ list below its full-width heading on every screen. */
[data-framer-name="Faqs Component"]:has(> [data-framer-name="Header Lockup" i]) {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 48px !important;
}
/* O acordeao vem com tres nomes possiveis conforme a variante do
   componente. Faltando "Faq Component Wrap", o align-items:flex-start
   acima encolhia a lista para ~48px de largura: cada resposta quebrava
   letra a letra e a secao passava de 13.000px de altura em branco. */
[data-framer-name="Faqs Component"] > :is([data-framer-name="Faqs Wrap"], [data-framer-name="FAQs Wrap"], [data-framer-name="Faq Component Wrap"]) {
    width: 100% !important;
}
.framer-O02ad .framer-msrptr {
    box-sizing: border-box;
    padding-inline: var(--sl-gutter) !important;
}
.framer-O02ad .framer-lc4wi9 :is(.framer-21ugib, .framer-14l4ffk) {
    width: 100% !important;
    height: auto !important;
}
@media (max-width: 809.98px) {
    :root {
        --sl-title-size: clamp(32px, 9vw, 48px);
        --sl-copy-size: 17px;
        --sl-header-gap: 20px;
        --sl-gutter: 20px;
    }
    html { -webkit-text-size-adjust: 100%; }
    /* Full-width columns must be allowed to shrink below their text width. */
    main, main > *, [data-framer-name="Container"] { min-width: 0; max-width: 100%; }
    .framer-O02ad main > section:not([data-framer-name="Section Hero"]):not(.framer-pzoa02),
    .framer-O02ad .framer-15cb2za {
        padding-inline: var(--sl-gutter) !important;
    }
    .framer-O02ad .framer-kiqyar { padding-inline: 0 !important; }
    .framer-O02ad .framer-1ini7o9 { padding-bottom: 32px !important; }
    .framer-O02ad .framer-1qzq0um { padding: 0 !important; }
    .framer-O02ad .framer-b7QLK { padding-inline: var(--sl-gutter) !important; }
    .framer-O02ad .framer-msrptr { padding-inline: 0 !important; }
    /* Keep the existing mobile content selection; no hidden template variants are enabled. */
    .sl-cta-btn { min-height: 44px; max-width: 100%; box-sizing: border-box; }
    footer :is(p, a) { overflow-wrap: anywhere; white-space: normal; }
    footer :is([data-framer-name="Section"], [data-framer-name="Footer Day"]) {
        max-width: 100%; min-width: 0;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) main > section:first-of-type { padding-top: 108px !important; }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) main > section {
        padding-inline: var(--sl-gutter) !important;
        box-sizing: border-box;
    }
    /* Product rows and image boxes use the available viewport, including tablets. */
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) {
        flex-direction: column !important;
        flex: none !important;
        width: 100% !important;
        gap: 40px !important;
        padding: 24px 0 !important;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) > div {
        flex: none !important; width: 100% !important; min-width: 0 !important;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) *:has(> [data-framer-background-image-wrapper]) {
        width: 100% !important; height: auto !important; aspect-ratio: 531 / 612;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) h2 {
        --framer-font-size: 28px !important; font-size: 28px !important;
        --framer-line-height: 1.1em !important;
        --framer-letter-spacing: -0.03em !important;
    }
}
/* Remove layout-only spacers and align subtitles nested inside rows. */
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq) > [data-framer-name="Spacer"],
:is([data-framer-name="Header Lockup" i]):not(main > section:first-of-type *) > :is([data-framer-name="Row"], [data-framer-name="Text Wrap"]) > [data-framer-name="Spacer"] {
    display: none !important;
}
:is([data-framer-name="Header Lockup" i]):not(main > section:first-of-type *) > :is([data-framer-name="Row"], [data-framer-name="Text Wrap"]) {
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
}
:is([data-framer-name="Header Lockup" i]):not(main > section:first-of-type *) > :is([data-framer-name="Row"], [data-framer-name="Text Wrap"]) > [data-framer-component-type="RichTextContainer"] {
    flex: none !important;
    width: 100% !important;
    max-width: 600px !important;
}
:is([data-framer-name="Header Lockup" i]):not(main > section:first-of-type *) > :is([data-framer-name="Row"], [data-framer-name="Text Wrap"]) p {
    --framer-font-size: var(--sl-copy-size) !important;
    --framer-line-height: 1.2em !important;
    --framer-text-alignment: left !important;
    font-family: "Inter", sans-serif !important;
    font-size: var(--sl-copy-size) !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
}

/* Eyebrows retain their compact single-line label instead of shrinking to half a row. */
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq) .framer-p4CCu [data-framer-component-type="RichTextContainer"] {
    width: auto !important;
    flex: 0 1 auto !important;
    max-width: none !important;
}
@media (max-width: 809.98px) {
    .framer-O02ad .framer-pzoa02 { padding-inline: 0 !important; }
    .framer-O02ad :is(.framer-1pqk6kr, .framer-ah8bla) { padding-inline: 0 !important; }
    .framer-O02ad .framer-p4CCu p { --framer-font-size: 14px !important; font-size: 14px !important; }
    .sl-wellness-eyebrow { margin: 0 !important; font-size: 14px !important; }
}
.framer-O02ad .framer-1h2fhjk {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
.framer-O02ad .framer-1h2fhjk h2 {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}
.framer-O02ad .framer-1h2fhjk br { display: none; }
@media (max-width: 809.98px) {
    footer .framer-1gkdzge { width: 100% !important; min-width: 0 !important; }
    footer .framer-1gkdzge p { white-space: normal !important; }
}
@media (min-width: 810px) {
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) {
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 32px !important;
        box-sizing: border-box;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) > div {
        flex: 1 1 280px !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]) *:has(> [data-framer-background-image-wrapper]) {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 531 / 612;
    }
}
@media (max-width: 809.98px) {
    /* Collection entry pages also need a readable fixed navigation bar. */
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) .framer-7ep8h1,
    body:has(:is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa)) .framer-7ep8h1 {
        background: #000 !important;
        padding: 12px 20px !important;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) main > section:first-of-type p {
        --framer-font-size: 20px !important;
        --framer-line-height: 1.4em !important;
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) div:has(> div > a[as="a"][href*="/produtos/"]):not(section *) {
        padding-inline: var(--sl-gutter) !important;
        box-sizing: border-box;
    }
}
/* The eyebrow's original 1px flex basis must not survive the text-wrapper reset. */
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq):not(main > section:first-of-type *) .framer-p4CCu,
:is([data-framer-name="Header Lockup" i], .framer-11aa9wq):not(main > section:first-of-type *) .framer-p4CCu [data-framer-component-type="RichTextContainer"] {
    width: max-content !important;
    max-width: 100% !important;
    flex: none !important;
}
.framer-O02ad .framer-ysp9kv {
    width: 100% !important;
    max-width: 600px !important;
}
.framer-O02ad .framer-ysp9kv p {
    --framer-font-size: var(--sl-copy-size) !important;
    --framer-line-height: 1.2em !important;
    font-family: "Inter", sans-serif !important;
    font-size: var(--sl-copy-size) !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}
@media (max-width: 809.98px) {
    :is(.framer-giN8E, .framer-9W5w8, .framer-RcFwa) main > section:first-of-type p span {
        --framer-font-size: 20px !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }
}

/* Capas das paginas de colecao: a mascara original tinha 1.6/1 e
   cortava as novas artes (1672x941) nas laterais, comendo o texto a
   esquerda e o selo a direita. */
:is(.framer-giN8E, .framer-RcFwa) main > section:first-of-type [data-framer-name="Image Mask"] {
    aspect-ratio: 1672 / 941 !important;
    height: auto !important;
}