/* Layout fixes on top of the Framer export.
 *
 * The export hard-codes pixel widths and heights per breakpoint, and the
 * Portuguese and English copy outgrew several of them. On top of that,
 * find_us and thank-you were designed at a single breakpoint in Framer, so
 * their navbar stays on the mobile variant and their footer on the desktop
 * one no matter how wide the window is — component variants are props, not
 * media queries, so only CSS can put them right here.
 *
 * Everything below overrides a rule that ships in each page's <style> block
 * or is injected at runtime by a component's JS bundle, which is why it needs
 * !important: the bundle's stylesheet lands after this file.
 *
 * Page roots: WaBgU = PT home, IAp9J = EN home, mMmK7 = find_us,
 * AllSb = thank-you, 0zLg1 = giftcert_en.
 */

/* ------------------------------------------------------------------ navbar */

/* The navbar wrapper is pinned to 390px (and to 811px on tablet for the
   English pages), so above 810px it renders as a narrow island instead of a
   full-width bar. */
@media (min-width:810px){
    .framer-IAp9J .framer-lkxkrl-container,
    .framer-0zLg1 .framer-bqpmon-container,
    .framer-mMmK7 .framer-168hwsa-container,
    .framer-AllSb .framer-12f0c4t-container{width:100%!important}
}

/* Between 810px and 1023px the logo, the seven links and the button cannot
   share one row: the logo box is narrower than "SNAP IT SPACE" renders, so the
   text runs under the first link. Give the menu a row of its own. */
@media (min-width:810px) and (max-width:1023.98px){
    .framer-kIP0w.framer-1hdvlu0,
    .framer-IjiVh.framer-lqphb0{width:100%!important;height:auto!important;padding:14px 0!important;overflow:visible!important}

    .framer-kIP0w .framer-1lftdgo,
    .framer-IjiVh .framer-1596vsw{height:auto!important;padding:0 20px!important}

    .framer-kIP0w .framer-1bt1xfv,
    .framer-IjiVh .framer-u9nsp{flex-wrap:wrap!important;row-gap:12px!important;height:auto!important}

    .framer-kIP0w .framer-gom2jk,
    .framer-IjiVh .framer-6ep00e{order:1!important;flex:0 0 auto!important;width:auto!important}

    .framer-kIP0w .framer-xp4f3a,
    .framer-IjiVh .framer-1uxhklf{order:2!important;flex:0 0 auto!important;width:auto!important}

    .framer-kIP0w .framer-p4nw4t,
    .framer-IjiVh .framer-1enk0ew{order:3!important;flex:0 0 100%!important;width:100%!important;height:auto!important;
        position:static!important;pointer-events:auto!important;
        flex-direction:row!important;flex-wrap:wrap!important;
        place-content:center!important;align-items:center!important;
        gap:20px!important;padding:0!important;overflow:visible!important}
}

/* From 1024px it all fits on one row again — but find_us and thank-you still
   need the menu put back into that row, and the fixed logo and button boxes
   have to give way to their contents. */
@media (min-width:1024px){
    .framer-kIP0w.framer-1hdvlu0,
    .framer-IjiVh.framer-lqphb0,
    .framer-kIP0w .framer-1lftdgo,
    .framer-IjiVh .framer-1596vsw,
    .framer-kIP0w .framer-1bt1xfv,
    .framer-IjiVh .framer-u9nsp{height:auto!important}

    .framer-kIP0w .framer-gom2jk,
    .framer-IjiVh .framer-6ep00e,
    .framer-kIP0w .framer-xp4f3a,
    .framer-IjiVh .framer-1uxhklf{flex:0 0 auto!important;width:auto!important}

    .framer-kIP0w .framer-p4nw4t,
    .framer-IjiVh .framer-1enk0ew{flex:0 1 auto!important;width:auto!important;height:auto!important;
        position:static!important;pointer-events:auto!important;
        flex-direction:row!important;place-content:center!important;align-items:center!important;
        gap:24px!important;padding:0!important}
}

/* The burger belongs to the mobile variant; above 810px the menu is on show.
   On the pages stuck in that variant the menu also carries an inline
   opacity:0 from the closed-drawer state, which has to be undone. */
@media (min-width:810px){
    .framer-kIP0w .framer-1rf2btn,
    .framer-IjiVh .framer-iqnnd7{display:none!important}

    .framer-kIP0w .framer-p4nw4t,
    .framer-IjiVh .framer-1enk0ew{opacity:1!important}
}

/* --------------------------------------------------- thank-you and find_us */

/* thank-you stacks four text blocks whose copy is absolutely centred inside
   boxes fixed at 70px/95px. Below 1280px the Portuguese and English wrap to
   three and four lines, spill out of those boxes and land on top of each
   other. Put the copy back in the flow and let the boxes grow with it. */
@media (max-width:1279.98px){
    .framer-AllSb .framer-14poyqn,
    .framer-AllSb .framer-12hu9cq,
    .framer-AllSb .framer-1iy6pv9,
    .framer-AllSb .framer-1uovj2o{position:static!important;transform:none!important;width:100%!important}

    .framer-AllSb .framer-uu6br5,
    .framer-AllSb .framer-19f19vb,
    .framer-AllSb .framer-18x2zr1,
    .framer-AllSb .framer-jige2n{min-height:0!important;height:min-content!important;overflow:visible!important}

    /* the fixed heights doubled as the spacing between the blocks, so once
       they collapse to their contents the copy needs its own breathing room */
    .framer-AllSb .framer-7vz30e,
    .framer-AllSb .framer-1b9ndg8,
    .framer-AllSb .framer-1d758iq,
    .framer-AllSb .framer-kyz8ch{height:min-content!important;overflow:visible!important;padding:10px 0!important}
}

/* The page carries no responsive type, so its 56px headings stay 56px on a
   phone and "Agradecemos" breaks mid-word. Cap them; the 28px spacer lines in
   the same blocks are left alone. */
@media (max-width:809.98px){
    .framer-AllSb .framer-14poyqn h1,
    .framer-AllSb .framer-1iy6pv9 h1{font-size:min(40px, var(--framer-font-size))!important}
}

/* Same absolute-inside-a-fixed-box arrangement on find_us. */
@media (max-width:1279.98px){
    .framer-mMmK7 .framer-9r9lna,
    .framer-mMmK7 .framer-1qadp41{position:static!important;transform:none!important;width:100%!important;height:auto!important}

    .framer-mMmK7 .framer-es1qgd,
    .framer-mMmK7 .framer-z820mw{min-height:0!important;height:min-content!important;overflow:visible!important}

    .framer-mMmK7 .framer-mu2bgf,
    .framer-mMmK7 .framer-9xlfe2{height:min-content!important;overflow:visible!important}
}

/* The footer sits in a fixed 407px / 823px wide box, wider than the viewport
   it is meant for. */
@media (max-width:1279.98px){
    .framer-AllSb .framer-1yevq34,
    .framer-mMmK7 .framer-14qbc7y{width:100%!important;max-width:100%!important}
}

/* Their footer never leaves the desktop variant, so on a phone its five-column
   grid squeezes "Links rápidos", "Contato" and "Segue-nos" into slivers.
   Stack the columns instead. */
@media (max-width:809.98px){
    .framer-AllSb .framer-Wcf7c .framer-1x536vb,
    .framer-mMmK7 .framer-Wcf7c .framer-1x536vb{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}

    .framer-AllSb .framer-Wcf7c .framer-1y6l70f,
    .framer-mMmK7 .framer-Wcf7c .framer-1y6l70f{grid-column:auto!important;place-self:start start!important;place-content:flex-start!important}

    .framer-AllSb .framer-Wcf7c .framer-dcop14,
    .framer-mMmK7 .framer-Wcf7c .framer-dcop14{padding:30px 18px 0!important}
}