/** Shopify CDN: Minification failed

Line 861:18 Unexpected "{"
Line 861:27 Expected ":"
Line 862:18 Unexpected "{"
Line 862:27 Expected ":"
Line 863:18 Unexpected "{"
Line 863:27 Expected ":"
Line 864:18 Unexpected "{"
Line 864:27 Expected ":"
Line 865:18 Unexpected "{"
Line 865:27 Expected ":"
... and 6 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* ========== Base ========== */
.before-after{padding:var(--section-padding,48px) 0}
.ba-header{text-align:center;margin-bottom:24px}
.ba-title{margin:0;color:var(--title-color,#111);font-size:var(--title-size,32px);font-weight:var(--title-weight,700);line-height:var(--title-lh,1.2)}
.ba-subtitle{margin:var(--title-subtitle-gap,6px) 0 0;color:var(--subtitle-color,#555);line-height:var(--subtitle-lh,1.5)}

/* === CAROUSEL CENTER-MODE (scroll-based, sem transform) === */
.ba-slider{position:relative;margin-top:16px;-webkit-tap-highlight-color:transparent}

.ba-viewport{
  position:relative;
  overflow-x:auto;            /* fazemos scroll horizontal no viewport   */
  overflow-y:hidden;
  scroll-snap-type:x mandatory; /* snapping ao centro                     */
  -ms-overflow-style:none; scrollbar-width:none; /* oculta barra         */
}
.ba-viewport::-webkit-scrollbar{display:none}

.ba-track{
  display:flex; align-items:stretch;
  gap:var(--gap,16px);
  padding-inline:0;           /* JS calcula o padding das extremidades   */
}

.ba-slide{                    /* cada grupo “encaixa” ao centro          */
  scroll-snap-align:center;
  flex:0 0 var(--slide-w-m,90%);
  margin-inline: calc(var(--overlap,0px) / -2);
  opacity:var(--inactive-opacity,.85);
  transform:scale(var(--inactive-scale,.92));
  filter:grayscale(var(--inactive-gray,35%));
  transition:opacity .2s ease, filter .2s ease, transform .2s ease;
  position:relative; z-index:1;
}
.ba-slide.is-active{opacity:1; transform:scale(1); filter:grayscale(0); z-index:2}

/* clones para dar o efeito de 3º cartão quando só há 2 */
.ba-ghost{
  pointer-events:none;
  opacity:var(--inactive-opacity,.85) !important;
  transform:scale(var(--inactive-scale,.92)) !important;
  filter:grayscale(var(--inactive-gray,35%)) !important;
}

@media(min-width:990px){
  .ba-slide{flex-basis:var(--slide-w-d,80%)}
}

/* conteúdo de cada grupo */
.ba-grid{display:grid;grid-template-columns:1fr;gap:var(--inner-gap,8px)}
@media(min-width:750px){.ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ba-card{overflow:hidden;border-radius:var(--radius,12px)}
.ba-card a{display:inline-block;line-height:0}
.ba-img{display:block;width:100%;height:auto;border-radius:var(--radius,12px);box-shadow:none}

/* Dots */
.ba-dots{display:var(--dots-display,flex);justify-content:center;gap:10px;margin-top:14px}
.ba-dot{width:8px;height:8px;border-radius:999px;border:0;background:var(--dot-color,#d3d3d3);cursor:pointer;transition:width .2s ease,background .2s ease}
.ba-dot[aria-current="true"]{width:22px;background:var(--dot-active,#6b6b6b)}

/* Arrows */
.ba-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  height:40px; width:40px; border:0; border-radius:999px;
  display:none; place-items:center; cursor:pointer;
  background: transparent; /* fundo vem do ::before para controlarmos a opacidade */
  z-index: 10;              /* acima dos slides/ghosts */
  pointer-events:auto;
}
.ba-arrow::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background: var(--arrow-bg);
  opacity: var(--arrow-opacity, .85);      /* <= controlável no editor */
}
.ba-arrow svg{ width:18px; height:18px; fill: var(--arrow-icon); position:relative; z-index:1; }
.ba-prev{ left: 6px; } .ba-next{ right: 6px; }
@media (min-width: 990px){ .ba-arrow.show{ display:grid; } }

/* Acessibilidade */
@media(prefers-reduced-motion:reduce){.ba-track{transition:none!important}}
.team-faces { padding: var(--section-padding, 48px) 0; }
.team-faces .tf-header { text-align: center; margin-bottom: 28px; }
.team-faces .tf-title {
  margin: 0;
  color: var(--title-color, #111);
  font-size: var(--title-size, 32px);
  font-weight: var(--title-weight, 700);
}
.team-faces .tf-subtitle {
  margin: 8px 0 0;
  color: var(--subtitle-color, #444);
  font-size: var(--subtitle-size, 22px);
  font-weight: var(--subtitle-weight, 400);
}

/* Grid responsivo */
.tf-grid {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: var(--gap, 40px);
  margin-bottom: 24px;
}
@media (min-width: 750px) {
  .tf-grid { grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr)); }
}

.tf-card { text-align: center; width: 100%; }
.tf-avatar-wrap {
  display: inline-block;
  border-radius: 9999px;
  line-height: 0;
  vertical-align: top;
  border: var(--_border-width, var(--default-border-width, 0px)) solid var(--_border-color, var(--default-border-color, transparent));
  padding: 0;
}
.tf-avatar {
  width: var(--avatar-size, 220px);
  height: var(--avatar-size, 220px);
  border-radius: 9999px;
  overflow: hidden;
  line-height: 0;
}
.tf-avatar img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

.tf-name {
  margin-top: var(--name-margin-top, 0px);
  margin-bottom: var(--name-margin-bottom, 0px);
  color: var(--name-color, #222);
  font-size: var(--name-size, 18px);
  font-weight: var(--name-weight, 500);
}

/* NOVO: subtexto/cargo */
.tf-role {
  margin-top: var(--role-margin-top, 4px);
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
  color: var(--role-color, #666);
  font-size: var(--role-size, 14px);
  font-weight: var(--role-weight, 400);
}

.tf-footer {
  text-align: center;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
  color: var(--footer-color, #222);
  font-size: var(--footer-size, 14px);
  margin-top: 18px;
}

/* CTA */
.tf-cta { text-align: center; margin-top: var(--cta-margin-top, 16px); }
.tf-cta .tf-button {
  display: inline-block;
  padding: var(--cta-pad-v, 12px) var(--cta-pad-h, 22px);
  border-radius: var(--cta-radius, 9999px);
  background: var(--cta-bg, #111111);
  color: var(--cta-color, #ffffff);
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  transition: transform .12s ease, opacity .12s ease;
}
.tf-cta .tf-button:hover { opacity: .9; transform: translateY(-1px); }
.cta-historias{
  padding: var(--pad-y, 2.5rem) 0;
  text-align: var(--align, center);
}
.cta-historias .cta-wrap{
  max-width: var(--maxw, 900px);
  margin: 0 auto;
  padding: 0 var(--gutter, 1rem);
}
.cta-historias h2{
  margin: 0 0 .75rem 0;
  font-size: var(--title-size, clamp(1.6rem, 2.4vw + 1rem, 2.4rem));
  line-height: 1.2;
  color: var(--title-color, #111);
}
.cta-historias .cta-icon-btn{
  --size: var(--btn-size, 64px);
  --radius: var(--btn-radius, 14px);
  --bg: var(--btn-bg, #111);
  --fg: var(--btn-fg, #fff);
  --ring: var(--btn-ring, rgba(0,0,0,.18));

  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: var(--size);
  height: var(--size);
  border-radius: var(--radius);
  background: var(--bg);
  color: var(--fg);
  text-decoration:none;
  box-shadow: 0 1px 0 0 rgba(0,0,0,.05), 0 2px 10px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  position: relative;
  outline: none;
}
.cta-historias .cta-icon-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 4px 18px rgba(0,0,0,.14);
}
.cta-historias .cta-icon-btn:focus-visible{
  box-shadow: 0 0 0 3px var(--ring);
}
.cta-historias .cta-icon{
  width: calc(var(--size) * .52);
  height: calc(var(--size) * .52);
  display:block;
}
.cta-historias .cta-sub{
  margin-top: .6rem;
  font-size: .95rem;
  color: var(--sub-color, #444);
}

@media (max-width: 749px){
  .cta-historias{ padding: var(--pad-y-mobile, 2rem) 0; }
}
.portfolio-intro{
  position: relative;
  padding: var(--pad-y, 4rem) 0;
  background: var(--bg, transparent);
  color: var(--fg, #111);
}
.portfolio-intro .wrap{
  max-width: var(--maxw, 1100px);
  margin: 0 auto;
  padding: 0 var(--gutter, 1rem);
}

/* Título */
.portfolio-intro .title{
  margin: 0 0 var(--t-gap, 1.2rem) 0;
  font-weight: var(--t-fw, 800);
  font-size: var(--t-fs, clamp(var(--t-min, 1.8rem), var(--t-fluid, 2.2vw) + 1rem, var(--t-max, 3rem)));
  line-height: 1.15;
  text-align: var(--t-align, center);
  letter-spacing: var(--t-tracking, 0.1em);
  color: var(--t-color, currentColor);
}

/* highlight no título (usa [[...]] no texto) */
.portfolio-intro .title .highlight{
  position: relative;
  display: inline-block;
  z-index: 0;
}
.portfolio-intro .title .highlight::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: var(--hl-height, 8px);
  bottom: var(--hl-offset, 2px);
  background: var(--hl-color, #C5DFC1);
  border-radius: var(--hl-radius, 2px);
  z-index: -1;
}

/* Stack 2 linhas */
.portfolio-intro .stack{
  display: flex;
  flex-direction: column;
  gap: var(--rows-gap, 1.5rem);
}

/* Linha 1: LEAD */
.portfolio-intro .lead-group{ text-align: var(--lead-align, left); }
.portfolio-intro .lead{
  font-size: var(--lead-fs, clamp(var(--lead-min, 1rem), .6vw + 1rem, var(--lead-max, 1.3rem)));
  line-height: var(--lead-lh, 1.55);
  font-weight: var(--lead-fw, 700);
  color: var(--lead-color, currentColor);
  margin: 0;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

/* Linha 2: POEMA */
.portfolio-intro .body-group{ text-align: var(--body-align, center); }
.portfolio-intro .body{
  font-size: var(--body-fs, clamp(var(--body-min, 1rem), .3vw + .95rem, var(--body-max, 1.1rem)));
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
  line-height: var(--body-lh, 1.7);
  font-weight: var(--body-fw, 400);
  color: var(--body-color, rgba(0,0,0,.78));
  margin: 0;
  max-width: var(--poem-max, 36ch);
  margin-left: auto; margin-right: auto;
}
.portfolio-intro .muted{ color: var(--muted, rgba(0,0,0,.65)); }
.portfolio-intro .italic{ font-style: italic; }

/* Divisor opcional */
.portfolio-intro .divider{
  width: var(--div-w, 72px);
  height: 2px;
  background: var(--div-color, currentColor);
  opacity: var(--div-opacity, .2);
  margin: var(--div-mt, .8rem) auto var(--div-mb, 1.2rem);
}

/* CTA opcional */
.portfolio-intro .cta{
  display: inline-flex; align-items:center; justify-content:center;
  gap:.5rem; margin-top: var(--cta-mt, 1.8rem);
  padding: var(--cta-py, .8rem) var(--cta-px, 1.1rem);
  background: var(--cta-bg, #111); color: var(--cta-fg, #fff);
  border-radius: var(--cta-radius, 10px);
  text-decoration: none; font-weight: 600; font-size: 1rem;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.portfolio-intro .cta:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.portfolio-intro .cta svg{ width: 1.05em; height: 1.05em; }

@media (min-width: 750px){
  .portfolio-intro .lead-group{
    padding-left: var(--lead-pad-x-desktop, 0%);
    padding-right: var(--lead-pad-x-desktop, 0%);
  }
}
.services-section { position: relative; padding: var(--section-padding, 48px) 0; }
.services-section .section-title { margin: 0 0 24px; text-align: var(--title-align, center); }
.services-section .section-title h2 { color: var(--title-color, #111); font-size: var(--title-font-size, 32px); font-weight: var(--title-font-weight, 700); }

.services-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--grid-gap, 24px); }
@media (min-width: 750px) { .services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.service-card { background: var(--card-bg, transparent); border: none; border-radius: var(--card-radius, 8px); overflow: visible; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }

.service-card__media { position: relative; width: var(--image-size, 240px); height: var(--image-size, 240px); }
.service-card__img { width: 100%; height: 100%; object-fit: cover; display: block; border: none; border-radius: var(--card-radius, 8px); }

/* camada preta por cima da imagem */
.service-card__overlay-dim { position: absolute; inset: 0; background: #000; pointer-events: none; z-index: 1; border-radius: var(--card-radius, 8px); }

/* TEXTO sobre a imagem, centrado e sem sair fora */
.service-card__overlay {
  position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  text-align: center; padding: 12px; overflow: hidden;
}
.service-card__title, .service-card__subtitle {
  max-width: 92%;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.service-card__title { -webkit-line-clamp: var(--title-lines, 2); margin: 0; }
.service-card__subtitle { -webkit-line-clamp: var(--subtitle-lines, 2); margin: 6px 0 0; opacity: .95; }

.service-card a.service-card__link { margin-top: 8px; }
.brand-story-section{
  padding: var(--pad-y, 3rem) 1rem;
  text-align: var(--text-align, center);
}
.brand-story-wrap{
  max-width: var(--max-w, 920px);
  margin: 0 auto;
}

/* Título */
.brand-story-title{
  color: var(--title-color, #1f7a34);
  font-size: var(--title-size, 2rem);
  font-weight: var(--title-weight, 700);
  line-height: 1.2;
  margin: 0;
  text-shadow: none;
}

/* highlight no título (usa [[...]] no texto) */
.brand-story-title .highlight{
  position: relative;
  display: inline-block;
  z-index: 0;
}
.brand-story-title .highlight::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: var(--hl-height, 8px);
  bottom: var(--hl-offset, 2px);
  background: var(--hl-color, #C5DFC1);
  border-radius: var(--hl-radius, 2px);
  z-index: -1;
}

/* Subtexto */
.brand-story-sub{
  color: var(--sub-color, #6b7280); /* cinza */
  font-size: var(--sub-size, 1rem);
  font-weight: 400;
  line-height: 1.6;
  margin: var(--gap-1, 0.75rem) 0 0 0;
}

/* Linha final a negrito */
.brand-story-strong{
  color: var(--strong-color, #1f7a34);
  font-size: var(--strong-size, 1rem);
  font-weight: 700;
  line-height: 1.6;
  margin: var(--gap-2, 0.5rem) 0 0 0;
}

/* Botão (grupo e botão) */
.brand-story-buttons{
  display: flex;
  width: 100%;
  justify-content: var(--btn-justify, center);
  margin-top: var(--btn-mt, 1.25rem);
  margin-bottom: var(--btn-mb, 0rem);
}
@media (max-width: 749px){
  .brand-story-buttons{
    justify-content: var(--btn-justify-mobile, center);
  }
}
.brand-story-buttons .button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--btn-py, 0.9rem) var(--btn-px, 1.4rem);
  border-radius: var(--btn-radius, 9999px);
  font-size: var(--btn-fs, 1rem);
  font-weight: var(--btn-fw, 600);
  line-height: 1;
  min-width: var(--btn-minw, 0);
  text-transform: var(--btn-tt, none);
  text-decoration: none;

  /* matar contornos/retângulos dos temas */
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background-clip: padding-box !important;
}
.brand-story-buttons .button::before,
.brand-story-buttons .button::after{ content: none !important; display:none !important; }
.brand-story-sub{ white-space: pre-line; }

.button--primary{ background: var(--btn-primary-bg, #ffffff) !important; color: var(--btn-primary-fg, #000000) !important; }
.button--secondary{ background: transparent !important; color: var(--btn-secondary-fg, #1f7a34) !important; border: 1.5px solid var(--btn-secondary-border, currentColor) !important; }

.brand-story-buttons .button:hover{
  opacity: var(--btn-hover-opacity, .9);
  transform: translateY(-1px);
  transition: opacity .2s ease, transform .2s ease;
}

/* responsivo suave */
@media (min-width: 990px){
  .brand-story-title{ font-size: var(--title-size-lg, var(--title-size)); }
  .brand-story-sub{ font-size: var(--sub-size-lg, var(--sub-size)); }
  .brand-story-strong{ font-size: var(--strong-size-lg, var(--strong-size)); }
}
/* === Secção === */
.svc-section{
  background: var(--sec-bg, #d86f61);
  padding: var(--sec-pad-y, 4rem) 1rem;
}
.svc-wrap{ max-width: var(--sec-max-w, 1200px); margin: 0 auto; }

/* Título */
.svc-title{
  color: var(--title-color, #1f7a34);
  text-align: center;
  font-weight: 700;
  font-size: var(--title-size, 2.0rem);
  line-height: 1.2;
  margin: 0 0 var(--title-mb, 1.6rem) 0;
}
@media(min-width: 990px){
  .svc-title{ font-size: var(--title-size-lg, 2.6rem); }
}

/* Grid */
.svc-grid{
  display: grid;
  gap: var(--grid-gap, 1.25rem);
  grid-template-columns: 1fr;
}
@media(min-width: 750px){ .svc-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(min-width: 990px){ .svc-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }

/* Card */
.svc-card{
  position: relative;
  background: var(--card-bg, #ffffff);
  color: var(--card-fg, #374151);
  border-radius: var(--card-radius, 16px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: var(--card-pad-y, 2.2rem) 1.6rem;
  text-align: center;

  /* altura consistente + botão colado ao fundo */
  min-height: var(--card-min-h, 520px);
  display: flex;
  flex-direction: column;
}

/* Badge (sobreposto) */
.svc-badge{
  position: absolute;
  left: 50%;
  top: calc(-1 * var(--badge-overlap, 26px));
  transform: translateX(-50%);
  width: var(--badge-size, 56px);
  height: var(--badge-size, 56px);
  border-radius: 50%;
  background: var(--badge-bg, #e7f5ef);
  display: grid; place-items: center;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
  border: 4px solid var(--sec-bg, transparent);
}
.svc-badge svg, .svc-badge img{
  width: 28px; height: 28px; display: block;
  color: var(--badge-fg, #1f7a34);
}

/* Cabeçalho/valores com tamanhos configuráveis */
.svc-card-title{
  color: var(--card-title-color, #1f7a34);
  font-weight: 700;
  font-size: var(--card-title-fs, 1.3rem);
  margin: 1.7rem 0 0.3rem 0;
}
.svc-price{
  color: var(--price-color, #1f7a34);
  font-weight: 700;
  font-size: var(--price-fs, 1.8rem);
  margin: 0.25rem 0 0.5rem 0;
}
.svc-sub{
  color: var(--sub-color, #6b7280);
  font-size: var(--sub-fs, 1.0rem);
  text-align: var(--sub-align, center);
  line-height: var(--sub-lh, 1.6);
  margin: 0 0 var(--space-sub-list, 1rem) 0;
}

/* Lista de features */
.svc-list{ list-style: none; padding: 0; margin: 0 0 1.25rem 0; text-align: left; }
.svc-list li{
  display: flex; align-items: center; gap: 0.6rem;
  margin: 0.45rem 0; font-size: var(--list-fs, 1.0rem); line-height: 1.55;
}
.svc-list .check{
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--check-bg, #d1fae5);
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 22px; margin: 0; overflow: visible;
}
.svc-list .check svg{ width: 13px; height: 13px; display: block; fill: var(--check-fg, #10b981); }

/* Botão */
.svc-cta{
  margin-top: auto;
  padding-top: var(--btn-mt, 0.5rem);
  display: flex; width: 100%; justify-content: var(--btn-justify, center);
}
.svc-cta .button{
  margin: 0 !important;
  width: 100%;
  display: inline-flex; align-items: center; justify-content: center;
  padding: var(--btn-py, 0.9rem) var(--btn-px, 1.2rem);
  border-radius: var(--btn-radius, 40px);
  text-decoration: none; line-height: 1; font-weight: 700;
  font-size: var(--btn-fs, 1rem);
  border: 0 !important; outline: none !important; box-shadow: none !important;
  background-clip: padding-box !important; position: relative;
}
.svc-cta .button::before, .svc-cta .button::after{ content:none !important; display:none !important; }
.svc-cta .button--primary{ background: var(--btn-bg, #e58d80) !important; color: var(--btn-fg, #ffffff) !important; }
.svc-cta .button--secondary{ background: transparent !important; color: var(--btn-bg, #e58d80) !important; border: 2px solid var(--btn-bg, #e58d80) !important; }
.svc-cta .button:hover{ opacity:.92; transform: translateY(-1px); transition:.2s; }
/* ===================== Testemunhos — Pro Carousel ===================== */
.testimonials{padding:var(--section-padding,56px) 0}

.t-head{text-align:center;margin-bottom:24px}
.t-title{margin:0;color:var(--title-color,#111);font-size:var(--title-size,36px);font-weight:var(--title-weight,700)}
.t-subtitle{margin:8px 0 0;color:var(--subtitle-color,#555);font-size:var(--subtitle-size,16px)}

/* SLIDER */
.t-slider{position:relative;margin-top:18px;-webkit-tap-highlight-color:transparent}
.t-viewport{
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  -ms-overflow-style:none; scrollbar-width:none;
}
.t-viewport::-webkit-scrollbar{display:none}
.t-track{display:flex; align-items:stretch; gap:var(--gap,20px)}

/* Largura por coluna: mobile/desktop */
.t-item{
  flex:0 0 var(--item-w-m,100%);
  scroll-snap-align:start;
  transition:opacity .25s ease, transform .25s ease, filter .25s ease;
}
@media (min-width:990px){
  .t-item{flex-basis:var(--item-w-d,33.3333%)}
}

/* INATIVOS: aplica a todos os que NÃO têm .is-current */
.t-item:not(.is-current){
  opacity:var(--t-inactive-opacity,.6);
  transform:scale(var(--t-inactive-scale,1));
  filter:grayscale(var(--t-inactive-gray,0%));
}

/* Cartão */
.t-card{text-align:center;padding:16px;border-radius:12px}
.t-avatar{width:64px;height:64px;border-radius:9999px;overflow:hidden;margin:0 auto 10px;line-height:0}
.t-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.t-quote{color:var(--quote-color,#222);font-size:var(--quote-size,14px);font-weight:var(--quote-weight,400);
  font-style:var(--quote-italic,normal);line-height:1.6;max-width:var(--quote-max,40ch);margin:0 auto 10px}
.t-stars{display:inline-flex;gap:2px;margin:6px 0}
.t-star{width:16px;height:16px;display:inline-block}
.t-author{margin-top:6px;font-size:12px;color:var(--author-color,#666)}

/* Dots */
.t-dots{display:var(--dots-display,flex);justify-content:center;gap:10px;margin-top:14px}
.t-dot{width:8px;height:8px;border-radius:999px;border:0;background:var(--dot-color,#d3d3d3);
  cursor:pointer;transition:width .2s ease, background .2s ease}
.t-dot[aria-current="true"]{width:22px;background:var(--dot-active,#6b6b6b)}

/* Setas — centradas verticalmente ao lado do slider */
.t-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border-radius:999px; border:0; display:none; place-items:center; cursor:pointer;
  background:transparent; z-index:5;
}
.t-arrow::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:var(--arrow-bg,#e25a6e); opacity:var(--arrow-opacity,.85);
}
.t-arrow svg{width:18px;height:18px;fill:var(--arrow-icon,#fff); position:relative; z-index:1}
.t-prev{left:6px} .t-next{right:6px}
@media (min-width:990px){ .t-arrow.show{display:grid}}

/* GRID fallback quando não há slide (itens ≤ colunas) */
.t--grid .t-viewport{overflow:visible; scroll-snap-type:none}
.t--grid .t-item{opacity:1; transform:none; filter:none}
.t--grid .t-arrow{display:none !important}
.t--grid .t-dots{display:none !important}

/* Acessibilidade motion */
@media (prefers-reduced-motion:reduce){
  .t-item{transition:none !important}
}
.texto-formatado {
  padding-top: var(--spc-top, 40px);
  padding-bottom: var(--spc-bottom, 40px);
}

.texto-formatado__container {
  margin-left: auto; margin-right: auto;
  max-width: var(--container-max, 1200px);
  padding-left: var(--container-pad-x, 16px);
  padding-right: var(--container-pad-x, 16px);
  display: flex; flex-direction: column;
  gap: var(--gap, 16px);
  align-items: var(--pos-cross, stretch);
}

.texto-formatado__wrap { display:flex; width:100%; justify-content: var(--pos-main, flex-start); }

.texto-formatado__content {
  width:100%; max-width: var(--content-max, 760px);
  text-align: var(--text-align, left);
  background: color-mix(in srgb, var(--box-bg, transparent) var(--box-bg-alpha, 0%), transparent);
  border: var(--box-border-w, 0px) solid var(--box-border, transparent);
  border-radius: var(--box-radius, 8px);
  box-shadow: var(--box-shadow, none);
  padding: var(--box-pad-y, 16px) var(--box-pad-x, 16px);
  transition: opacity .3s ease, transform .3s ease;
}

/* Título */
.texto-formatado__heading {
  margin: 0;
  font-size: var(--h-size, 54px);
  line-height: var(--h-lh, 1.1);
  font-weight: var(--h-weight, 800);
  letter-spacing: var(--h-tracking, 0);
  text-transform: var(--h-transform, none);
  color: var(--h-color, inherit);
}

/* Texto */
.texto-formatado__text {
  margin: 0;
  font-size: var(--t-size, 22px);
  line-height: var(--t-lh, 1.4);
  font-weight: var(--t-weight, 400);
  opacity: var(--t-opacity, 1);
  color: var(--t-color, inherit);
}
.texto-formatado__text :where(p){ margin:0; }
.texto-formatado__text :where(p + p){ margin-top: var(--para-gap, 8px); }

/* Caixa só no texto */
.texto-formatado--box-on-text .texto-formatado__heading-wrap { background:none; border:0; box-shadow:none; padding:0; }
.texto-formatado--box-on-text .texto-formatado__text-wrap    { background:inherit; border:inherit; box-shadow:inherit; border-radius:inherit; padding:inherit; }

/* ===================== REVEAL (hover/click) ===================== */
.reveal-container { cursor: var(--reveal-cursor, default); display: inline; }
.reveal-visible { display: inline; }

/* Estilo FADE/SLIDE (como tinhas) */
.reveal--fade .reveal-hidden {
  display: inline;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity var(--reveal-dur, .4s) ease, max-height var(--reveal-dur, .4s) ease;
}
.reveal--fade.reveal--hover .reveal-container:hover .reveal-hidden,
.reveal--fade.reveal--click .reveal-container.is-open .reveal-hidden {
  opacity: 1; max-height: 1000px;
}

/* Estilo BLUR (spoiler) — ocupa espaço desde início */
.reveal--blur .reveal-hidden {
  display: inline;
  filter: blur(var(--reveal-blur, 8px));
  opacity: var(--reveal-blur-opacity, .7);
  transition: filter var(--reveal-dur, .4s) ease, opacity var(--reveal-dur, .4s) ease;
}
.reveal--blur.reveal--hover .reveal-container:hover .reveal-hidden,
.reveal--blur.reveal--click .reveal-container.is-open .reveal-hidden {
  filter: blur(0); opacity: 1;
}

/* Mobile */
@media (max-width: 749px){
  .texto-formatado__container{ gap: var(--gap-m, 12px); }
  .texto-formatado__content{ max-width: var(--content-max-m, 100%); }
  .texto-formatado__heading{ font-size: var(--h-size-m, 32px); }
  .texto-formatado__text{ font-size: var(--t-size-m, 18px); }
}
.video-hero-section { position: relative; overflow: hidden; height: var(--hero-height, 100vh); }

/* Vídeo */
.video-hero-section video{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; z-index:0;
  transition: filter .5s ease;
}
.video-hero-section.scrolled video{ filter: blur(10px) brightness(0.4); }

/* Overlay fullscreen (atrás da caixa) */
.video-hero-overlay{
  position:absolute; inset:0; z-index:1;
  background: black; opacity: var(--overlay-opacity, .5);
  display: var(--overlay-display, block);
}

/* Content wrapper */
.video-hero-content{
  position:relative; z-index:2; height:100%;
  display:flex; justify-content:var(--justify,center); align-items:var(--align,center);
  text-align:var(--text-align,center); padding:2rem; animation:fadeInWords 1s ease-out forwards;
}

/* Caixa (solid ou glass) */
.video-hero-inner-box{
  padding:2rem; padding-bottom:calc(2rem + var(--box-pb-extra,0rem))!important;
  border-radius:var(--box-border-radius,12px);
  border: var(--box-border-width,0px) solid var(--box-border-color,transparent);
  display:flex; flex-direction:column; align-items:var(--box-align,center); gap:var(--spacing-text-title,1rem);
  margin-left:var(--box-ml,auto)!important; margin-right:var(--box-mr,auto)!important;
  background: var(--box-bg, transparent);
}

/* Superfície GLASS (usa vars) */
.video-hero-inner-box.is-glass{
  --box-bg: linear-gradient(180deg, var(--box-glass-bg1, rgba(255,255,255,.14)), var(--box-glass-bg2, rgba(255,255,255,.08)));
  border-color: var(--box-glass-border, rgba(255,255,255,.35));
  backdrop-filter: blur(var(--box-glass-blur, 8px)) saturate(120%);
  -webkit-backdrop-filter: blur(var(--box-glass-blur, 8px)) saturate(120%);
}

/* Chips GLASS atrás de textos */
.glass-chip{
  display:inline-block;
  padding: var(--chip-py,.15em) var(--chip-px,.4em);
  border-radius: var(--chip-radius, 12px);
  background: linear-gradient(180deg, var(--chip-bg1, rgba(255,255,255,.14)), var(--chip-bg2, rgba(255,255,255,.08)));
  border: 1px solid var(--chip-border, rgba(255,255,255,.35));
  backdrop-filter: blur(var(--chip-blur,6px)) saturate(130%);
  -webkit-backdrop-filter: blur(var(--chip-blur,6px)) saturate(130%);
}

/* Anim */
@keyframes fadeInWords{ from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:none} }

/* ===== CTA Group ===== */
.video-hero-buttons{
  display:flex; align-items:center; justify-content:var(--buttons-justify,center);
  gap: var(--buttons-gap, 1rem); flex-wrap:wrap;
  margin-top: var(--buttons-mt,1.2rem)!important; margin-bottom: var(--buttons-mb,0rem)!important;
}
@media (max-width:749px){ .video-hero-buttons{ justify-content: var(--buttons-justify-mobile, center); } }

/* Base do botão */
.video-hero-buttons .button{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  height: auto; padding: var(--btn-py,.9rem) var(--btn-px,1.4rem);
  border-radius: var(--btn-radius-px, 40px)!important;
  font-weight: var(--btn-fw, 600); font-size: var(--btn-fs, 1rem); line-height:1;
  min-width: var(--btn-minw, 0); text-transform: var(--btn-tt, none);
  border:1px solid transparent; text-decoration:none; position:relative; cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;
}
.video-hero-buttons .button:focus-visible{ outline:2px solid rgba(255,255,255,.35); outline-offset:2px; }

/* Variantes VISUAIS (Sólido / Ghost / Glass) */
.button.is-solid{
  background: var(--btn-solid-bg, #fff); color: var(--btn-solid-fg, #000);
  box-shadow: 0 2px 0 rgba(0,0,0,.18);
}
.button.is-ghost{
  color: var(--btn-ghost-fg, #fff);
  background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.28);
  backdrop-filter: saturate(130%) blur(2px);
}
.button.is-glass{
  color: var(--btn-glass-fg, #fff);
  background: linear-gradient(180deg, var(--btn-glass-bg1, rgba(255,255,255,.14)), var(--btn-glass-bg2, rgba(255,255,255,.08)));
  border-color: var(--btn-glass-border, rgba(255,255,255,.35));
  backdrop-filter: blur(var(--btn-glass-blur,8px)) saturate(120%);
  -webkit-backdrop-filter: blur(var(--btn-glass-blur,8px)) saturate(120%);
}

/* ——— remover linhas vermelhas de debug nos botões ——— */
#shopify-section-{{ section.id }} .video-hero-buttons .button,
#shopify-section-{{ section.id }} .video-hero-buttons .button:focus,
#shopify-section-{{ section.id }} .video-hero-buttons .button:focus-visible,
#shopify-section-{{ section.id }} .video-hero-buttons .button::before,
#shopify-section-{{ section.id }} .video-hero-buttons .button::after{
  outline: 0 !important;
  box-shadow: none !important;
  border-color: transparent !important; /* caso algum estilo externo pinte a borda */
}

/* mantém apenas as bordas “legítimas” dos estilos ghost/glass */
#shopify-section-{{ section.id }} .video-hero-buttons .button.is-ghost{
  border: 1.5px solid var(--btn-ghost-fg) !important;
}
#shopify-section-{{ section.id }} .video-hero-buttons .button.is-glass{
  border: 1px solid var(--btn-glass-border, rgba(255,255,255,.35)) !important;
}

/* no editor do Shopify pode forçar outlines — garante que ficam off */
.shopify-design-mode #shopify-section-{{ section.id }} .video-hero-buttons .button{
  outline: 0 !important; box-shadow: none !important;
}


.video-hero-buttons .button:hover{ transform:translateY(-1px); }

/* Link (secundário como linha de texto) */
.video-hero-buttons .btn-link{
  color: var(--link-fg, #fff); font-weight:600;
  text-decoration: underline; text-underline-offset:4px; text-decoration-thickness:2px;
  transition: opacity .15s ease, transform .15s ease;
}
.video-hero-buttons .btn-link:hover{ opacity:.9; transform:translateY(-1px); }