/** Shopify CDN: Minification failed

Line 218:17 Unexpected "{"
Line 218:26 Expected ":"
Line 220:17 Unexpected "{"
Line 220:26 Expected ":"
Line 222:17 Unexpected "{"
Line 222:26 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cart-drawer (INDEX:18) */
/* Smile.io loyalty launcher: while the cart drawer is open, keep it from covering the
   Checkout button. The cart drawer is a fixed 680px panel anchored to the right edge;
   the Smile launcher is position:fixed at right:20px (set via inline styles, which is
   why these overrides need !important).

   - Wide desktop (room beside the drawer): slide the launcher left by the drawer width
     so it sits in the dimmed area just outside the panel — clear of both the Checkout
     button and the bottom-left accessibility widget.
   - Mobile / narrow screens: the 680px drawer leaves no usable room beside it, so instead
     of hiding the launcher we nudge it further down into the bottom-right corner (client
     request). The launcher is fixed at bottom:20px, so translateY(18px) drops it ~2px from
     the viewport edge — the lowest it can go while staying fully on screen. */
#smile-ui-lite-launcher-frame-container {
  transition: transform 0.25s ease, opacity 0.2s ease !important;
}

@media (min-width: 960px) {
  html:has(cart-drawer[open]) #smile-ui-lite-launcher-frame-container {
    transform: translateX(-680px) !important; /* 680px = fixed cart drawer panel width */
  }
}

@media (max-width: 959px) {
  html:has(cart-drawer[open]) #smile-ui-lite-launcher-frame-container {
    transform: translateY(18px) !important; /* nudge down into the bottom corner */
  }
}
/* END_SECTION:cart-drawer */

/* START_SECTION:ec-text-links (INDEX:37) */
.ec-tl {
    background: var(--ec-tl-bg, transparent);
    color: var(--ec-tl-color, inherit);
    padding-block: var(--ec-tl-pt) var(--ec-tl-pb);
  }

  .ec-tl__full {
    padding-inline: var(--container-gutter, 20px);
  }

  .ec-tl__grid {
    --ec-tl-align: flex-start;
    --ec-tl-col: 0.8fr;
    display: grid;
    align-items: center;
    gap: clamp(32px, 5vw, 80px);
  }

  .ec-tl__grid[data-ratio='square'] { --ec-tl-col: 1fr; }
  .ec-tl__grid[data-ratio='landscape'] { --ec-tl-col: 1.4fr; }
  .ec-tl__grid[data-alignment='center'] { --ec-tl-align: center; text-align: center; }
  .ec-tl__grid[data-alignment='right'] { --ec-tl-align: flex-end; text-align: end; }

  /* Um link por linha em todos os layouts */
  .ec-tl__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: var(--ec-tl-align);
  }

  .ec-tl__link {
    display: inline-flex;
    align-items: baseline;
    color: inherit;
    text-decoration: none;
    font-family: var(--ec-tl-font);
    font-weight: var(--ec-tl-weight);
    text-transform: var(--ec-tl-transform);
    font-size: clamp(var(--ec-tl-fs-min), 4.5vw, var(--ec-tl-fs-max));
    line-height: 1.1;
    text-wrap: pretty;
    transition: opacity 0.25s ease;
  }

  .ec-tl__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
  }

  .ec-tl__count {
    font-size: 0.5em;
    opacity: 0.5;
    font-family: var(--text-font-family);
    font-weight: var(--text-font-weight);
  }

  /* Layout spotlight */
  .ec-tl__grid[data-layout='spotlight'] {
    grid-template-columns: 1fr var(--ec-tl-col);
    grid-template-areas: 'text image';
  }

  .ec-tl__grid[data-layout='spotlight'][data-no-images] {
    grid-template-columns: 1fr;
    grid-template-areas: 'text';
  }

  .ec-tl__grid[data-layout='spotlight'] .ec-tl__links { grid-area: text; }
  .ec-tl__grid[data-layout='spotlight'] .ec-tl__link { opacity: var(--ec-tl-dim); }
  .ec-tl__grid[data-layout='spotlight'] .ec-tl__link[aria-current='true'] { opacity: 1; }

  .ec-tl__images {
    grid-area: image;
    position: relative;
    overflow: hidden;
    border-radius: var(--ec-tl-radius);
    aspect-ratio: 4 / 5;
  }

  .ec-tl__grid[data-ratio='square'] .ec-tl__images { aspect-ratio: 1; }
  .ec-tl__grid[data-ratio='landscape'] .ec-tl__images { aspect-ratio: 16 / 9; }

  .ec-tl__image {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s;
  }

  .ec-tl__image[data-active] {
    opacity: 1;
    visibility: visible;
  }

  .ec-tl__image img,
  .ec-tl__image svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .ec-tl__ph {
    background: rgb(var(--text-color, 0 0 0) / 0.05);
    fill: rgb(var(--text-color, 0 0 0) / 0.3);
  }

  @media screen and (min-width: 750px) {
    .ec-tl__grid[data-layout='spotlight'][data-reverse]:not([data-no-images]) {
      grid-template-columns: var(--ec-tl-col) 1fr;
      grid-template-areas: 'image text';
    }
  }

  /* Layout texto */
  @media (hover: hover) {
    .ec-tl__grid[data-layout='text'] .ec-tl__links:hover .ec-tl__link { opacity: var(--ec-tl-dim); }
    .ec-tl__grid[data-layout='text'] .ec-tl__links:hover .ec-tl__link[aria-current='true'] { opacity: 1; }
  }

  .ec-tl__float[data-reveal] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: block;
    height: var(--ec-tl-float-h);
    translate: var(--x, 0) var(--y, 0);
    pointer-events: none;
    border-radius: var(--ec-tl-radius);
    overflow: hidden;
  }

  .ec-tl__float img {
    height: 100%;
    width: auto;
    display: block;
  }

  @media screen and (max-width: 749px) {
    .ec-tl {
      padding-block: var(--ec-tl-pt-m) var(--ec-tl-pb-m);
    }

    .ec-tl__grid[data-layout='spotlight'] {
      grid-template-columns: 1fr;
      grid-template-areas: 'text' 'image';
      gap: 24px;
    }

    .ec-tl__grid[data-layout='spotlight'][data-no-images] {
      grid-template-areas: 'text';
    }
  }
/* END_SECTION:ec-text-links */

/* START_SECTION:form-with-text (INDEX:48) */
/* ─── Layout duas colunas ─── */
.duas-colunas-form {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.duas-colunas-form .col-esquerda,
.duas-colunas-form .col-direita {
  flex: 1 1 300px;
}

/* ─── Remove cantos arredondados no formulário ─── */
.duas-colunas-form .col-direita
  #shopify-form-{{ section.settings.form_id }} input,
.duas-colunas-form .col-direita
  #shopify-form-{{ section.settings.form_id }} textarea,
.duas-colunas-form .col-direita
  #shopify-form-{{ section.settings.form_id }} button {
  border-radius: 0 !important;
}
/* END_SECTION:form-with-text */