/* Camada visual Gocase sobre a v6 (Brandbook Gocase #04).
   Só aparência: estrutura, textos e comportamento continuam os da v6.
   As cores do Elementor já vêm trocadas em elementor-gocase.css
   (gerado por scripts/montar-corporativo-nova.py). */

:root {
  --gc-royal: #033A97;
  --gc-offwhite: #F2EFE8;
  --gc-laranja: #FF6F59;
  --gc-laranja-escuro: #F0543D;
  --gc-rosa: #FAAEDF;
  --gc-azul-claro: #BEE5FC;
  --gc-marinho: #0E1C4F;
  --gc-texto: #55555F;
  --gc-fonte: "Poppins", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

/* Cores e fontes globais do Elementor */
.elementor-kit-9 {
  --e-global-color-primary: #033A97;
  --e-global-color-secondary: #F2EFE8;
  --e-global-color-text: #55555F;
  --e-global-color-accent: #FF6F59;
  --e-global-color-19d1e4f: #0E1C4F;
  --e-global-typography-primary-font-family: "Poppins";
  --e-global-typography-secondary-font-family: "Poppins";
  --e-global-typography-text-font-family: "Poppins";
  --e-global-typography-accent-font-family: "Poppins";
}
body, button, input, select, textarea { font-family: var(--gc-fonte); }
.elementor-heading-title { letter-spacing: -0.01em; }

/* Botões: laranja sólido, pílula, como os CTAs do gocase.com.br */
.elementor-button {
  background: var(--gc-laranja) !important;
  background-image: none !important;
  font-family: var(--gc-fonte) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(255, 111, 89, .28);
  transition: background-color .2s ease, transform .2s ease;
}
.elementor-button::before, .elementor-button::after { display: none !important; }
.elementor-button:hover, .elementor-button:focus-visible {
  background: var(--gc-laranja-escuro) !important;
  transform: translateY(-1px);
}

/* Etiquetas das seções viram stickers (rosa, inclinados) */
.elementor-element-e6c7545 > .elementor-widget-container,
.elementor-element-78f3789 > .elementor-widget-container,
.elementor-element-7671a42c > .elementor-widget-container,
.elementor-element-7870c14c > .elementor-widget-container,
.elementor-element-f947ec0 > .elementor-widget-container {
  background: var(--gc-rosa) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  transform: rotate(-3deg);
}
.elementor-element-e6c7545 .elementor-heading-title,
.elementor-element-78f3789 .elementor-heading-title,
.elementor-element-7671a42c .elementor-heading-title,
.elementor-element-7870c14c .elementor-heading-title,
.elementor-element-f947ec0 .elementor-heading-title {
  color: var(--gc-royal) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Faixa do formulário: azul royal com o card claro, CTA laranja */
#orcamento { background-color: var(--gc-royal) !important; }

/* Rodapé no marinho da marca; ícones sociais em rosa */
.elementor-element-7125b059 { background-color: var(--gc-marinho) !important; }
.elementor-element-7125b059 .elementor-social-icon {
  background-color: var(--gc-rosa) !important;
  border-radius: 999px;
}
.elementor-element-7125b059 .elementor-social-icon i,
.elementor-element-7125b059 .elementor-social-icon svg { color: var(--gc-royal) !important; fill: var(--gc-royal) !important; }

/* ---------- Linha de Presentes: vitrines de produto ----------
   Inspirado nos cards do gocase.com.br (new-home-categories / offers) e nos banners do brandbook:
   faixa de categoria em bloco de cor arredondado, cards brancos com área de foto em tom pastel,
   setas circulares brancas e seletor de cores em pílula. */

/* Faixas de categoria: bloco cheio, cantos de 22px, ícone como sticker */
.elementor-element-610a97b1,
.elementor-element-77d86a7a {
  border-radius: 22px !important;
  padding: 18px 22px !important;
  overflow: hidden;
}
.elementor-element-610a97b1 { background-color: var(--gc-laranja) !important; }
.elementor-element-77d86a7a { background-color: var(--gc-royal) !important; }

.elementor-element-610a97b1 .elementor-icon,
.elementor-element-77d86a7a .elementor-icon {
  border-radius: 20px !important;
  transform: rotate(-4deg);
  box-shadow: 0 6px 16px rgba(14, 28, 79, .18);
}
.elementor-element-610a97b1 .elementor-icon { background-color: var(--gc-offwhite) !important; }
.elementor-element-610a97b1 .elementor-icon svg { fill: var(--gc-laranja) !important; }
.elementor-element-77d86a7a .elementor-icon { background-color: var(--gc-azul-claro) !important; }
.elementor-element-77d86a7a .elementor-icon svg { fill: var(--gc-royal) !important; }

.elementor-element-610a97b1 .elementor-icon-box-title,
.elementor-element-610a97b1 .elementor-icon-box-title *,
.elementor-element-77d86a7a .elementor-icon-box-title,
.elementor-element-77d86a7a .elementor-icon-box-title * {
  color: var(--gc-offwhite) !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.elementor-element-610a97b1 .elementor-icon-box-description,
.elementor-element-77d86a7a .elementor-icon-box-description {
  color: var(--gc-offwhite) !important;
  opacity: .92;
}

/* Grade: sem fundo próprio, só espaço entre os cards */
.elementor-element-2ce21146,
.elementor-element-665a81e1 {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 16px 0 8px !important;
}

/* Cards de produto: brancos, borda leve, cantos 18px, sobem no hover */
.elementor-element-2ce21146 > .e-con-inner > .e-con,
.elementor-element-665a81e1 > .e-con {
  background: #fff !important;
  border: 1px solid #EEF0F4 !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(14, 28, 79, .04);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.elementor-element-2ce21146 > .e-con-inner > .e-con:hover,
.elementor-element-665a81e1 > .e-con:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(14, 28, 79, .12);
}

/* Área da foto em tom pastel, como os cards de categoria do site */
.elementor-element-2ce21146 .elementor-widget-media-carousel,
.elementor-element-665a81e1 .elementor-widget-media-carousel {
  border-radius: 14px;
  margin: 10px 10px 0 !important;
  padding: 8px 0 12px;
  width: auto !important;
}
.elementor-element-2ce21146 .elementor-widget-media-carousel { background: #FDF1EC; }
.elementor-element-665a81e1 .elementor-widget-media-carousel { background: #E4F3FE; }
.elementor-element-2ce21146 > .e-con-inner { padding-left: 0 !important; padding-right: 0 !important; }

/* Setas: círculo branco com sombra (hero e reviews do gocase.com.br) */
.elementor-element-2ce21146 .elementor-swiper-button,
.elementor-element-665a81e1 .elementor-swiper-button {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .92);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(14, 28, 79, .15);
  opacity: 1 !important;
}
.elementor-element-2ce21146 .elementor-swiper-button svg,
.elementor-element-665a81e1 .elementor-swiper-button svg {
  width: 14px !important; height: 14px !important;
  fill: #3D3D4E !important;
}
.elementor-element-2ce21146 .elementor-swiper-button:hover svg,
.elementor-element-665a81e1 .elementor-swiper-button:hover svg { fill: var(--gc-royal) !important; }

/* Seletor de cores em pílula; cor ativa com anel royal */
.elementor-element-2ce21146 .swiper-pagination,
.elementor-element-665a81e1 .swiper-pagination {
  border: 0 !important;
  background: #fff;
  border-radius: 999px !important;
  width: max-content !important;
  max-width: calc(100% - 12px);
  white-space: nowrap;
  left: 50% !important;
  transform: translateX(-50%);
  padding: 5px 10px !important;
  box-shadow: 0 1px 4px rgba(14, 28, 79, .08);
}
.elementor-element-2ce21146 .swiper-pagination-bullet,
.elementor-element-665a81e1 .swiper-pagination-bullet {
  border-color: rgba(14, 28, 79, .18) !important;
  margin: 0 3px !important;
}
.elementor-element-2ce21146 .swiper-pagination-bullet-active,
.elementor-element-665a81e1 .swiper-pagination-bullet-active {
  border-color: #fff !important;
  box-shadow: 0 0 0 2px var(--gc-royal);
}

/* Nome do produto no marinho do site; detalhe em cinza, sem itálico */
.elementor-element-2ce21146 .elementor-heading-title,
.elementor-element-665a81e1 .elementor-heading-title {
  color: #8A8F9A !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
.elementor-element-2ce21146 .elementor-widget-heading:first-child .elementor-heading-title,
.elementor-element-665a81e1 .elementor-widget-heading:first-child .elementor-heading-title {
  color: var(--gc-marinho) !important;
  font-weight: 700 !important;
}


/* =====================================================================
   RODADA 2 · especificação do Gocase Content Engine · 2026-10-07
   (fora por enquanto: rótulo marinho nos CTAs e na faixa térmica, e selos de produto, aguardando o Gean)
   Só aparência. Não toca #hs-form-cnpj, scripts nem href.
   Colar no FIM do tema-gocase.css.
   ===================================================================== */

:root {
  --gc-texto-suave: #6B6F7B;  /* 5,0:1 no branco; substitui #838383 e #8A8F9A */
  --gc-raio-card: 20px;
  --gc-sombra-card: 0 1px 2px rgba(14, 28, 79, .05), 0 8px 24px rgba(14, 28, 79, .07);
}

/* ---------- P1 · CONTRASTE ---------- */

/* P1.3 Hero: "Gocase" sai do laranja e vira royal com marca-texto rosa */
.elementor-1663 .elementor-element.elementor-element-0ae07b5 .elementor-heading-title span[style*="FF6F59"] {
  color: var(--gc-royal) !important;
  background: linear-gradient(180deg, transparent 58%, var(--gc-rosa) 58%, var(--gc-rosa) 92%, transparent 92%);
  padding: 0 .06em;
  border-radius: 4px;
}

/* P1.4 CTA final: subtítulo royal, sem itálico */
.elementor-1663 .elementor-element.elementor-element-6d7486e5 .elementor-heading-title {
  color: var(--gc-royal) !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
@media (min-width: 768px) {
  .elementor-1663 .elementor-element.elementor-element-6d7486e5 .elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }
}

/* P1.5 Como funciona: cards brancos, card ativo royal, números royal */
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item__card-inner,
.elementor-1663 .elementor-element.elementor-element-7e07ee7b .eael-content-timeline-content {
  background: #fff !important;
  border-radius: var(--gc-raio-card) !important;
  box-shadow: var(--gc-sombra-card);
}
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item__card-arrow {
  background: #fff !important;
}
.elementor-1663 .elementor-element.elementor-element-7e07ee7b .eael-content-timeline-content::before {
  border-left-color: #fff !important;
  border-right-color: #fff !important;
}
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item__card-title,
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item__card-title a,
.elementor-1663 .elementor-element.elementor-element-7e07ee7b .eael-timeline-title,
.elementor-1663 .elementor-element.elementor-element-7e07ee7b .eael-timeline-title a {
  color: var(--gc-marinho) !important;
  font-weight: 700 !important;
}
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item__card-inner .eael-timeline-excerpt > *,
.elementor-1663 .elementor-element.elementor-element-7e07ee7b .eael-content-timeline-content .eael-timeline-excerpt > * {
  color: var(--gc-texto) !important;
  line-height: 1.45 !important;
}
/* card do passo ativo: royal com texto off-white (8,89:1) */
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__card-inner,
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__card-arrow {
  background: var(--gc-royal) !important;
}
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__card-title,
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__card-title a,
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item.is-active .eael-timeline-excerpt > * {
  color: var(--gc-offwhite) !important;
}
/* números 01–04: royal (9,0:1 sobre o azul-claro da seção) */
.elementor-1663 .elementor-element.elementor-element-688a354c .eael-horizontal-timeline-item__meta,
.elementor-1663 .elementor-element.elementor-element-7e07ee7b .eael-date {
  color: var(--gc-royal) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

/* P1.6 FAQ: hover azul-claro, item aberto royal, resposta branca com filete */
.elementor-1663 .elementor-element.elementor-element-e4916c5 {
  --n-accordion-title-hover-color: var(--gc-royal);
  --n-accordion-icon-hover-color: var(--gc-royal);
  --n-accordion-title-active-color: var(--gc-offwhite);
  --n-accordion-icon-active-color: var(--gc-offwhite);
}
.elementor-1663 .elementor-element.elementor-element-e4916c5 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
  border-radius: 16px;
  box-shadow: var(--gc-sombra-card);
  transition: background-color .2s ease;
}
.elementor-1663 .elementor-element.elementor-element-e4916c5 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover {
  background-color: var(--gc-azul-claro) !important;
}
.elementor-1663 .elementor-element.elementor-element-e4916c5 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title,
.elementor-1663 .elementor-element.elementor-element-e4916c5 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title:hover {
  background-color: var(--gc-royal) !important;
}
.elementor-1663 .elementor-element.elementor-element-e4916c5 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-con {
  background-color: #fff !important;
  border-left: 4px solid var(--gc-royal);
}
.elementor-1663 .elementor-element.elementor-element-e4916c5 .elementor-widget-text-editor {
  color: var(--gc-marinho) !important;
  line-height: 1.55;
}

/* P1.7 Cinzas legíveis: depoimentos e detalhes dos cards de produto; tira o itálico "Inter Tight" */
.elementor-1663 .elementor-element.elementor-element-ede53ae .elementor-image-box-title,
.elementor-1663 .elementor-element.elementor-element-ede53ae .elementor-image-box-description {
  color: var(--gc-texto) !important;
}
.elementor-1663 .elementor-element.elementor-element-3bd20ab0 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-2a0e265c .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-6830e61c .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-7234fac1 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-21343d3d .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-621a6346 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-5a814478 .elementor-heading-title {
  color: var(--gc-texto-suave) !important;
}
.elementor-1663 .elementor-element.elementor-element-6830e61c .elementor-heading-title span,
.elementor-1663 .elementor-element.elementor-element-7234fac1 .elementor-heading-title span {
  font-family: var(--gc-fonte) !important;
  font-style: normal !important;
  font-size: inherit !important;
  letter-spacing: 0 !important;
}

/* ---------- P2 · NÚMEROS COMO STICKERS (bloco royal) ---------- */
.elementor-1663 .elementor-element.elementor-element-b3b9a3a,
.elementor-1663 .elementor-element.elementor-element-ce744d3,
.elementor-1663 .elementor-element.elementor-element-6381b04 {
  border-radius: 28px !important;
  padding: 28px 20px 24px !important;
  box-shadow: 0 8px 0 rgba(14, 28, 79, .22);
}
.elementor-1663 .elementor-element.elementor-element-b3b9a3a { background-color: var(--gc-offwhite) !important; transform: rotate(-2deg); }
.elementor-1663 .elementor-element.elementor-element-ce744d3 { background-color: var(--gc-rosa) !important; transform: rotate(1.5deg); }
.elementor-1663 .elementor-element.elementor-element-6381b04 { background-color: var(--gc-azul-claro) !important; transform: rotate(-1deg); }
.elementor-1663 .elementor-element.elementor-element-65f2c88 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-70a164d .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-bf960b2 .elementor-heading-title {
  color: var(--gc-royal) !important;            /* 8,9 / 5,9 / 7,7 */
  font-weight: 800 !important;
  letter-spacing: -0.03em;
}
.elementor-1663 .elementor-element.elementor-element-e373937,
.elementor-1663 .elementor-element.elementor-element-05e2482,
.elementor-1663 .elementor-element.elementor-element-39ab5fa,
.elementor-1663 .elementor-element.elementor-element-e373937 *,
.elementor-1663 .elementor-element.elementor-element-05e2482 *,
.elementor-1663 .elementor-element.elementor-element-39ab5fa * {
  color: var(--gc-marinho) !important;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 { --gap: 16px; --row-gap: 16px; --padding-top: 48px; --padding-bottom: 56px; }
  .elementor-1663 .elementor-element.elementor-element-b3b9a3a,
  .elementor-1663 .elementor-element.elementor-element-ce744d3,
  .elementor-1663 .elementor-element.elementor-element-6381b04 {
    --width: 100%; width: 100% !important; --min-height: 0px;
    padding: 20px 16px 18px !important;
  }
  .elementor-1663 .elementor-element.elementor-element-65f2c88 .elementor-heading-title,
  .elementor-1663 .elementor-element.elementor-element-70a164d .elementor-heading-title,
  .elementor-1663 .elementor-element.elementor-element-bf960b2 .elementor-heading-title { font-size: 40px !important; }
}

/* ---------- P3 · SEIS MOTIVOS ---------- */
.elementor-1663 .elementor-element.elementor-element-3231708 { counter-reset: gcmotivo; }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con {
  position: relative;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: var(--gc-sombra-card);
  counter-increment: gcmotivo;
  transition: transform .2s ease, box-shadow .2s ease;
}
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(14, 28, 79, .12);
}
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con::after {
  content: counter(gcmotivo, decimal-leading-zero);
  position: absolute; top: 18px; right: 22px;
  font: 800 28px/1 var(--gc-fonte);
  letter-spacing: -0.03em;
  color: var(--gc-azul-claro);
  pointer-events: none;
}
/* ícone: o sticker girado da Linha de Presentes, alternando azul-claro e rosa, traço royal */
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon {
  border-radius: 18px !important;
  transform: rotate(-4deg);
  background-color: var(--gc-azul-claro) !important;
  box-shadow: 0 6px 14px rgba(14, 28, 79, .12);
}
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(even) .elementor-widget-icon .elementor-icon {
  background-color: var(--gc-rosa) !important;
  transform: rotate(3deg);
}
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon svg {
  fill: var(--gc-royal) !important;
}
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-title {
  color: var(--gc-marinho) !important;
  font-weight: 700 !important;
}
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-description {
  color: var(--gc-texto) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}
@media (max-width: 1024px) {
  .elementor-1663 .elementor-element.elementor-element-3231708 {
    --e-con-grid-template-rows: none;
    grid-auto-rows: auto !important;
    --gap: 12px; --row-gap: 12px;
  }
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con { --min-height: 0px; height: auto !important; align-self: start; }
}

/* ---------- P4 · TILES DE CATEGORIA (topo da Linha de Presentes) ---------- */
.elementor-1663 .elementor-element.elementor-element-6b10150 > .e-con {
  border: 0 !important;
  border-radius: var(--gc-raio-card) !important;
  box-shadow: var(--gc-sombra-card);
}
.elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-widget-icon .elementor-icon {
  border-radius: 18px !important;
  transform: rotate(-4deg);
  background-color: var(--gc-azul-claro) !important;
}
.elementor-1663 .elementor-element.elementor-element-6b10150 > .e-con:nth-child(even) .elementor-widget-icon .elementor-icon {
  background-color: var(--gc-rosa) !important;
  transform: rotate(3deg);
}
.elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-widget-icon .elementor-icon svg { fill: var(--gc-royal) !important; }
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-6b10150 {
    --e-con-grid-template-columns: repeat(2, 1fr);
    --gap: 10px; --row-gap: 10px;
  }
  .elementor-1663 .elementor-element.elementor-element-6b10150 > .e-con { --padding-top: 16px; --padding-bottom: 16px; --padding-left: 10px; --padding-right: 10px; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon-box-title { font-size: 16px !important; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon-box-description { font-size: 13px !important; line-height: 1.35 !important; }
}

/* ---------- P5 · MOBILE: respiro lateral e estouro horizontal ---------- */
.elementor-1663 { overflow-x: clip; }   /* [VALIDAR] a faixa de ~12px à direita em 390px */
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-93a1f0c,
  .elementor-1663 .elementor-element.elementor-element-1bc3bab,
  .elementor-1663 .elementor-element.elementor-element-777949a,
  .elementor-1663 .elementor-element.elementor-element-bcaada0,
  .elementor-1663 .elementor-element.elementor-element-69fa35b {
    --padding-left: 16px;
    --padding-right: 16px;
  }
}

/* ---------- P6 · CARD "SUA PRÓXIMA AÇÃO" ---------- */
.elementor-1663 .elementor-element.elementor-element-23c73ba {
  border: 0 !important;
  border-radius: 32px !important;
  box-shadow: 0 2px 4px rgba(14, 28, 79, .04), 0 18px 40px rgba(14, 28, 79, .08);
}
.elementor-1663 .elementor-element.elementor-element-454566c { position: relative; }
.elementor-1663 .elementor-element.elementor-element-454566c .elementor-swiper-button {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .94);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(14, 28, 79, .18);
}
.elementor-1663 .elementor-element.elementor-element-454566c .elementor-swiper-button svg {
  width: 14px !important; height: 14px !important;
  fill: var(--gc-marinho) !important;
}

/* ---------- P7 · DEPOIMENTOS ---------- */
.elementor-1663 .elementor-element.elementor-element-ede53ae .elementor-image-box-img img {
  border: 0 !important;
  background: #fff;
  box-shadow: 0 2px 10px rgba(14, 28, 79, .12);
}
.elementor-1663 .elementor-element.elementor-element-ede53ae .elementor-image-box-content::before {
  content: "\201C" / "";
  display: block;
  font: 800 64px/0.6 var(--gc-fonte);
  color: var(--gc-rosa);
  margin: 12px 0 8px;
}
.elementor-1663 .elementor-element.elementor-element-ede53ae .swiper-slide > .e-con {
  border-radius: var(--gc-raio-card) !important;
  box-shadow: var(--gc-sombra-card);
}
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-ede53ae {
    --e-n-carousel-arrow-prev-left-position: 6px;
    --e-n-carousel-arrow-next-right-position: 6px;
  }  /* [VALIDAR] o vão abaixo do card no mobile vem do top-position 300px das setas */
}

/* ---------- P8 · COMPARATIVO NA PALETA ---------- */
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw {
  --ink: var(--gc-marinho);
  --muted: var(--gc-marinho);
  --accent: var(--gc-royal);
  --accent-deep: var(--gc-royal);
  --accent-tint: #E4F3FE;
  --canvas: var(--gc-offwhite);
}
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw-head--accent {
  background: var(--gc-royal);
  border-radius: 999px;
  padding: 10px 14px;
}
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw-head--accent .gcw-head-text { color: var(--gc-offwhite); }
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw-head--accent .gcw-head-dot { background: var(--gc-rosa); box-shadow: none; }
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw-head--accent svg { stroke: var(--gc-royal); }
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw-cell-right,
.elementor-1663 .elementor-element.elementor-element-e4f04fa .gcw-card { border-radius: 16px; }

/* ---------- P9 · HERO: diferenciais em pílula ---------- */
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-item {
  background: rgba(242, 239, 232, .92);
  border-radius: 999px;
  padding: 6px 12px 6px 8px;
  margin-bottom: 8px;
}
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon svg { fill: var(--gc-royal) !important; }
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text {
  color: var(--gc-marinho) !important;
  font-weight: 500 !important;
}

/* ---------- P11 · STICKERS DE SEÇÃO (mesmo desenho das etiquetas aprovadas) ---------- */
.elementor-1663 .elementor-element.elementor-element-bbaa8f3 .elementor-widget-container::before,
.elementor-1663 .elementor-element.elementor-element-acd1d99 .elementor-widget-container::before {
  display: inline-block;
  background: var(--gc-rosa);
  color: var(--gc-royal);
  font: 700 13px/1 var(--gc-fonte);
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 999px;
  transform: rotate(-3deg);
  margin-bottom: 16px;
}
.elementor-1663 .elementor-element.elementor-element-bbaa8f3 .elementor-widget-container::before { content: "Do seu jeito"; }
.elementor-1663 .elementor-element.elementor-element-acd1d99 .elementor-widget-container::before { content: "Depoimentos"; }

/* sticker sobre fotos: carrossel de kits e foto do bloco "kit pronto" */
.elementor-1663 .elementor-element.elementor-element-454566c::after,
.elementor-1663 .elementor-element.elementor-element-404f0c6::after {
  position: absolute; z-index: 3;
  background: var(--gc-rosa);
  color: var(--gc-royal);
  font: 700 12px/1 var(--gc-fonte);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 999px;
  transform: rotate(-5deg);
  box-shadow: 0 4px 10px rgba(14, 28, 79, .18);
  pointer-events: none;
}
.elementor-1663 .elementor-element.elementor-element-454566c::after { content: "Ideia de kit"; top: 14px; left: 14px; }
.elementor-1663 .elementor-element.elementor-element-404f0c6 { position: relative; }
.elementor-1663 .elementor-element.elementor-element-404f0c6::after { content: "Mockup antes de produzir"; bottom: 16px; right: 16px; }

/* ---------- P12 · FAIXA DE CONDIÇÕES + LOGOS ---------- */
.elementor-1663 .elementor-element.elementor-element-74024a65 > .e-con {
  background-color: var(--gc-offwhite) !important;
  border-radius: var(--gc-raio-card) !important;
}
.elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon {
  border-radius: 14px !important;
  transform: rotate(-4deg);
}
.elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon-box-description {
  font-size: 16px !important;
  line-height: 1.35 !important;
  color: var(--gc-marinho) !important;
}
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-74024a65 {
    --e-con-grid-template-columns: repeat(2, 1fr);
    --gap: 10px; --row-gap: 10px;
  }
  .elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon-box-wrapper { flex-direction: column; gap: 10px; }
}
/* opcional: rótulo da faixa de logos ([VALIDAR] autorização de uso dos logos) */
.elementor-1663 .elementor-element.elementor-element-2586cdb > .elementor-widget-container::before {
  content: "Quem já escolheu a Gocase";
  display: block;
  text-align: center;
  font: 700 12px/1 var(--gc-fonte);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gc-royal);
  padding: 18px 0 4px;
  background: #fff;
}

/* ---------- P13 · PAINEL DO "PROGRAMA" ---------- */
.elementor-1663 .elementor-element.elementor-element-eb21359 {
  background-color: var(--gc-rosa) !important;
  border-radius: 32px !important;
  padding: 40px !important;
}
.elementor-1663 .elementor-element.elementor-element-d77ae1a .elementor-heading-title { color: var(--gc-royal) !important; }   /* 5,93:1 */
.elementor-1663 .elementor-element.elementor-element-745db38 .elementor-icon {
  background: var(--gc-offwhite);
  border-radius: 18px;
  padding: 12px;
  transform: rotate(-4deg);
}
.elementor-1663 .elementor-element.elementor-element-745db38 .elementor-icon svg { fill: var(--gc-royal) !important; }
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-eb21359 { padding: 28px 20px !important; }
}

/* ---------- P14 · TÍTULOS (Carbona entra sozinha quando o kit Adobe carregar) ---------- */
.elementor-1663 .elementor-element.elementor-element-2665c0f .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-094bfa0 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-1199a4b .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-b988fac .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-5d13acb4 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-21f5b7e .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-1fa5ce2e .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-acd1d99 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-d77ae1a .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-36416b66 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-7073a82 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-bbaa8f3 .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-3a40085 .elementor-heading-title {
  font-family: "carbona-variable", var(--gc-fonte) !important;   /* [VALIDAR] nome da família no kit */
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Ícones dos "Seis motivos" e dos tiles em royal: as classes do SVG pintam o traço ou o
   preenchimento com currentColor, então basta trocar a cor do ícone */
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon,
.elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon { color: var(--gc-royal) !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon svg *,
.elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon svg * { color: var(--gc-royal) !important; }

/* =====================================================================
   RODADA 3 · referências enviadas pelo usuário (2026-10-07)
   ===================================================================== */

/* ---------- "Seis motivos": cards limpos, ícone de traço do brandbook em quadrado pastel ---------- */
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con {
  border-radius: 20px !important;
  box-shadow: none !important;
  transform: none !important;
}
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:hover { transform: none !important; box-shadow: 0 10px 28px rgba(14, 28, 79, .08) !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con::after { content: none !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon,
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(even) .elementor-widget-icon .elementor-icon {
  width: 60px !important; height: 60px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  transform: none !important;
  box-shadow: none !important;
  display: flex !important; align-items: center; justify-content: center;
  background-color: var(--gc-azul-claro) !important;
}
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(even) .elementor-widget-icon .elementor-icon { background-color: var(--gc-rosa) !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon svg { display: none !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon::before {
  content: "";
  width: 30px; height: 30px;
  background-color: var(--gc-royal);
  -webkit-mask: var(--gc-icone) center / contain no-repeat;
  mask: var(--gc-icone) center / contain no-repeat;
}
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-title { font-size: 20px !important; margin-bottom: 6px !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-description { color: #3D3D4E !important; }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(1) { --gc-icone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.6l2.5 5.1 5.6.8-4 3.9.9 5.6-5-2.6-5 2.6.9-5.6-4-3.9 5.6-.8z%22/%3E%3C/svg%3E"); }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(2) { --gc-icone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228.2%22 r=%223.7%22/%3E%3Cpath d=%22M4.8 20.2c.6-3.7 3.5-6 7.2-6s6.6 2.3 7.2 6z%22/%3E%3C/svg%3E"); }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(3) { --gc-icone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8.6 9V7.4a3.4 3.4 0 0 1 6.8 0V9%22/%3E%3Cpath d=%22M5.6 9h12.8l1 10.4a1.5 1.5 0 0 1-1.5 1.6H6.1a1.5 1.5 0 0 1-1.5-1.6z%22/%3E%3C/svg%3E"); }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(4) { --gc-icone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5.5 4.5h13a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-4 3v-3h.5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2z%22/%3E%3Cpath d=%22M8.5 9h7M8.5 12.5h7%22/%3E%3C/svg%3E"); }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(5) { --gc-icone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%229%22 width=%2216%22 height=%224%22 rx=%221.2%22/%3E%3Cpath d=%22M5.5 13v6.5a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V13M12 9v11.5%22/%3E%3Cpath d=%22M12 9c-1.2-3.5-4.8-4.2-5-2 0 1.6 2.6 2 5 2zm0 0c1.2-3.5 4.8-4.2 5-2 0 1.6-2.6 2-5 2z%22/%3E%3C/svg%3E"); }
.elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(6) { --gc-icone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E"); }

/* ---------- Vitrines (Linha Térmica e Mochilas): faixa + cards num painel só ---------- */
.elementor-element-610a97b1,
.elementor-element-77d86a7a {
  border-radius: 24px 24px 0 0 !important;
  padding: 20px 20px 4px !important;
  box-shadow: none !important;
}
.elementor-element-2ce21146,
.elementor-element-665a81e1 {
  margin-top: -20px !important;          /* encosta no cabeçalho (gap do container = 20px) */
  border-radius: 0 0 24px 24px !important;
  padding: 16px 12px 14px !important;
}
.elementor-element-2ce21146 > .e-con-inner { padding: 0 !important; }
.elementor-element-610a97b1, .elementor-element-2ce21146 { background-color: #FFE3DC !important; }
.elementor-element-77d86a7a, .elementor-element-665a81e1 { background-color: var(--gc-azul-claro) !important; }

/* ícone: quadrado cheio com a silhueta do produto (brandbook) */
.elementor-element-610a97b1 .elementor-icon,
.elementor-element-77d86a7a .elementor-icon {
  border-radius: 18px !important;
  transform: none !important;
  box-shadow: none !important;
  display: flex !important; align-items: center; justify-content: center;
}
.elementor-element-610a97b1 .elementor-icon { background-color: var(--gc-laranja) !important; }
.elementor-element-77d86a7a .elementor-icon { background-color: var(--gc-royal) !important; }
.elementor-element-610a97b1 .elementor-icon svg,
.elementor-element-77d86a7a .elementor-icon svg { display: none !important; }
.elementor-element-610a97b1 .elementor-icon::before,
.elementor-element-77d86a7a .elementor-icon::before {
  content: "";
  width: 52%; height: 52%;
  -webkit-mask: var(--gc-silhueta) center / contain no-repeat;
  mask: var(--gc-silhueta) center / contain no-repeat;
}
.elementor-element-610a97b1 .elementor-icon::before { background-color: var(--gc-offwhite); --gc-silhueta: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Crect x=%2225%22 y=%224%22 width=%2214%22 height=%229%22 rx=%223%22/%3E%3Cpath d=%22M27 13h10v4c6 2 9 7 9 12v27a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5V29c0-5 3-10 9-12z%22/%3E%3C/svg%3E"); }
.elementor-element-77d86a7a .elementor-icon::before { background-color: var(--gc-azul-claro); --gc-silhueta: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M24 14v-2a8 8 0 0 1 16 0v2%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M32 14c11 0 19 8 19 19v17c3 1 5 3 5 6 0 2-2 4-4 4H12c-2 0-4-2-4-4 0-3 2-5 5-6V33c0-11 8-19 19-19z%22/%3E%3C/svg%3E"); }

/* o título vira sobrelinha e a descrição vira o título */
.elementor-element-610a97b1 .elementor-icon-box-title,
.elementor-element-610a97b1 .elementor-icon-box-title *,
.elementor-element-77d86a7a .elementor-icon-box-title,
.elementor-element-77d86a7a .elementor-icon-box-title * {
  color: var(--gc-royal) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
}
.elementor-element-610a97b1 .elementor-icon-box-description,
.elementor-element-77d86a7a .elementor-icon-box-description {
  color: var(--gc-marinho) !important;
  opacity: 1 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
@media (max-width: 767px) {
  .elementor-element-610a97b1 .elementor-icon-box-description,
  .elementor-element-77d86a7a .elementor-icon-box-description { font-size: 17px !important; }
}

/* cards: brancos, com a foto em fundo off-white */
.elementor-element-2ce21146 > .e-con-inner > .e-con,
.elementor-element-665a81e1 > .e-con { border: 0 !important; border-radius: 20px !important; box-shadow: none !important; }
.elementor-element-2ce21146 .elementor-widget-media-carousel,
.elementor-element-665a81e1 .elementor-widget-media-carousel { background: #F9F6F1 !important; }

/* setas: círculo branco, chevron royal */
.elementor-element-2ce21146 .elementor-swiper-button svg,
.elementor-element-665a81e1 .elementor-swiper-button svg { fill: var(--gc-royal) !important; }

/* Mochilas: as bolinhas viram traço (o ativo fica royal e alongado, os demais bege) */
.elementor-element-665a81e1 .swiper-pagination { background: transparent !important; box-shadow: none !important; }
.elementor-element-665a81e1 .swiper-pagination-bullet {
  width: 8px !important; height: 8px !important;
  background: #DCD6CA !important;
  border: 0 !important; box-shadow: none !important;
  border-radius: 999px !important;
  transition: width .2s ease;
}
.elementor-element-665a81e1 .swiper-pagination-bullet-active { width: 22px !important; background: var(--gc-royal) !important; }

/* ---------- Foto do "Quem é a Gocase" com sticker-flor amarelo ---------- */
.elementor-element-3af3114 > .elementor-widget-container { position: relative; }
.elementor-element-3af3114 img { border-radius: 24px !important; }
.elementor-element-3af3114 > .elementor-widget-container::before {
  content: "Nome a nome em cada peça";
  position: absolute; z-index: 3;
  top: -22px; left: -22px;
  width: 132px; height: 132px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 26px;
  box-sizing: border-box;
  text-align: center;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23FFDB59%22%3E%3Ccircle cx=%2230%22 cy=%2230%22 r=%2224%22/%3E%3Ccircle cx=%2270%22 cy=%2230%22 r=%2224%22/%3E%3Ccircle cx=%2230%22 cy=%2270%22 r=%2224%22/%3E%3Ccircle cx=%2270%22 cy=%2270%22 r=%2224%22/%3E%3Crect x=%2222%22 y=%2222%22 width=%2256%22 height=%2256%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  color: var(--gc-marinho);
  font: 800 13px/1.15 var(--gc-fonte);
  letter-spacing: .02em;
  text-transform: uppercase;
  transform: rotate(-6deg);
  pointer-events: none;
}
@media (max-width: 767px) {
  .elementor-element-3af3114 > .elementor-widget-container::before {
    top: -14px; left: -6px; width: 108px; height: 108px; font-size: 11px; padding: 0 20px;
  }
}

/* quadrado da silhueta maior, como na referência */
.elementor-element-610a97b1 .elementor-icon,
.elementor-element-77d86a7a .elementor-icon { width: 84px !important; height: 84px !important; padding: 0 !important; }
@media (max-width: 767px) {
  .elementor-element-610a97b1 .elementor-icon,
  .elementor-element-77d86a7a .elementor-icon { width: 64px !important; height: 64px !important; }
}
.elementor-element-3af3114,
.elementor-element-3af3114 > .elementor-widget-container { overflow: visible !important; }


/* ---------- Hero: foto alinhada embaixo ----------
   hero-desktop.webp tem parede extra em cima (1920×1200): em qualquer proporção do desktop
   o "cover" corta só parede, e os produtos aparecem inteiros à direita do texto */
@media (min-width: 1025px) {
  .elementor-1663 .elementor-element.elementor-element-93944dc:not(.elementor-motion-effects-element-type-background),
  .elementor-1663 .elementor-element.elementor-element-93944dc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: center bottom !important;
  }
}

/* ---------- Hero: tipografia e organização no padrão do brandbook (banner "BOLSAS & MOCHILAS") ----------
   sobrelinha em pílula girada, título compacto, texto com respiro, CTA com seta, benefícios em grade 2×2 */
.elementor-1663 .elementor-element.elementor-element-5e1128c > .elementor-widget-container::before {
  content: "Presentes corporativos";
  display: inline-block;
  margin: 0 0 14px 2px;
  padding: 7px 16px;
  border-radius: 999px;
  background: var(--gc-rosa);
  color: var(--gc-royal);
  font: 700 13px/1 var(--gc-fonte);
  letter-spacing: .06em;
  text-transform: uppercase;
  transform: rotate(-3deg);
}
.elementor-1663 .elementor-element.elementor-element-5e1128c .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-0ae07b5 .elementor-heading-title {
  line-height: 1.06 !important;
  letter-spacing: -0.02em !important;
}
.elementor-1663 .elementor-element.elementor-element-0ae07b5 > .elementor-widget-container { margin-top: -6px !important; }
.elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title {
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #3D3D4E !important;
  max-width: 520px;
}
.elementor-1663 .elementor-element.elementor-element-48a7cc8 > .elementor-widget-container { margin-top: 6px !important; }
/* CTA com seta, como o "Comprar agora →" do brandbook */
.elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text::after {
  content: "→";
  display: inline-block;
  margin-left: 10px;
  font-weight: 500;
  transition: transform .2s ease;
}
.elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button:hover .elementor-button-text::after { transform: translateX(4px); }
/* benefícios: grade 2×2 de chips brancos iguais, ícone royal */
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  margin: 0 !important;
}
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
  margin: 0 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .85) !important;
  box-shadow: 0 1px 0 rgba(14, 28, 79, .06);
}
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-item::after { display: none !important; }
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon svg { fill: var(--gc-royal) !important; }
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text {
  font: 500 14px/1.3 var(--gc-fonte) !important;
  color: var(--gc-marinho) !important;
}
@media (min-width: 1025px) {
  .elementor-1663 .elementor-element.elementor-element-a9c33d9 { --width: 560px; max-width: 560px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d { --container-widget-width: 100%; width: 100% !important; max-width: 500px !important; }
  .elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title { font-size: 18px !important; }
}
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-5e1128c > .elementor-widget-container::before { font-size: 11px; padding: 6px 12px; margin-bottom: 10px; }
  .elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title { font-size: 15px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font-size: 12.5px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { padding: 9px 10px !important; }
}
@media (min-width: 1025px) {
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { padding: 10px 12px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font-size: 13.5px !important; white-space: nowrap; }
}

/* ---------- Hero clean: apoio de uma linha, benefícios numa linha só, sem caixas ---------- */
.elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title { font-size: 19px !important; color: var(--gc-marinho) !important; }
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items {
  display: flex !important; flex-wrap: wrap; gap: 6px 22px !important;
}
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
  background: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important;
}
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-item:nth-child(4) { display: none !important; }
.elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font-size: 13.5px !important; font-weight: 500 !important; color: #3D3D4E !important; }
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title { font-size: 16px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items { gap: 6px 14px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font-size: 12px !important; }
}
@media (min-width: 1025px) {
  .elementor-1663 .elementor-element.elementor-element-6d0055d { max-width: 560px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items { flex-wrap: nowrap; }
  .elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title { max-width: 560px; }
}
@media (min-width: 1025px) {
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items { gap: 6px 16px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font-size: 13px !important; }
  .elementor-1663 .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon { margin-right: 2px; }
}


/* =====================================================================
   HEADER FIXO + HERO + FAIXA DE BENEFÍCIOS (modelo enviado pelo usuário, 2026-10-07)
   ===================================================================== */
.gc-ico { display: inline-block; width: 18px; height: 18px; flex: 0 0 auto; background: currentColor;
  -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.gc-ico--conversa { --i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5.5 4.5h13a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-4 3v-3h.5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2z%22/%3E%3Cpath d=%22M8.5 9h7M8.5 12.5h7%22/%3E%3C/svg%3E"); }
.gc-ico--sacola { --i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8.6 9V7.4a3.4 3.4 0 0 1 6.8 0V9%22/%3E%3Cpath d=%22M5.6 9h12.8l1 10.4a1.5 1.5 0 0 1-1.5 1.6H6.1a1.5 1.5 0 0 1-1.5-1.6z%22/%3E%3C/svg%3E"); }

.gc-topo { position: sticky; top: 0; z-index: 999; background: #fff; border-bottom: 1px solid #E6E8EF; font-family: var(--gc-fonte); }
.gc-topo__in { position: relative; max-width: 1180px; margin: 0 auto; height: 76px; padding: 0 24px; display: flex; align-items: center; gap: 28px; }
.gc-topo__logo img { display: block; height: 30px; width: auto; }
.gc-topo__menu { flex: 1; display: flex; align-items: center; gap: 30px; }
.gc-topo__menu a { color: var(--gc-marinho); font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.gc-topo__menu a:hover { color: var(--gc-royal); }
.gc-topo__menu .gc-topo__consultor { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: #3D3D4E; font-size: 14px; }
.gc-topo__cta { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: 999px;
  background: var(--gc-laranja); color: var(--gc-marinho) !important; font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap;
  transition: transform .15s ease, box-shadow .15s ease; }
.gc-topo__cta:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(255,111,89,.35); }
.gc-topo__abrir { display: none; }
html { scroll-padding-top: 90px; scroll-behavior: smooth; }

/* hero: o logo agora fica no header */
.elementor-1663 .elementor-element.elementor-element-7d07a5f { display: none !important; }
.elementor-1663 .elementor-element.elementor-element-5e1128c > .elementor-widget-container::before {
  content: "Gocase Empresas" !important; transform: none !important;
  background: var(--gc-royal) !important; color: #fff !important;
  font: 700 12px/1 var(--gc-fonte) !important; letter-spacing: .14em !important;
  padding: 10px 16px !important; margin: 0 0 18px !important;
}
.elementor-1663 .elementor-element.elementor-element-5e1128c .elementor-heading-title,
.elementor-1663 .elementor-element.elementor-element-0ae07b5 .elementor-heading-title {
  text-transform: uppercase; font-weight: 800 !important; line-height: 1.02 !important; letter-spacing: -0.01em !important;
}
.elementor-1663 .elementor-element.elementor-element-0ae07b5 > .elementor-widget-container { margin-top: 0 !important; }
.elementor-1663 .elementor-element.elementor-element-48a7cc8 > .elementor-widget-container { margin-top: 10px !important; }
.elementor-1663 .elementor-element.elementor-element-48a7cc8 .elementor-heading-title { color: var(--gc-marinho) !important; max-width: 470px !important; }
/* CTA: seta num círculo branco + link secundário ao lado */
.elementor-1663 .elementor-element.elementor-element-db6a698 > .elementor-widget-container { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button { padding: 10px 10px 10px 28px !important; box-shadow: 0 10px 22px rgba(255,111,89,.30); color: var(--gc-marinho) !important; }
.elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text { display: inline-flex; align-items: center; gap: 14px; font-weight: 700; color: var(--gc-marinho) !important; }
.elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text::after {
  content: "" !important; width: 34px; height: 34px; margin: 0 !important; border-radius: 999px; transform: none !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF6F59%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E") center / 16px no-repeat;
}
.gc-hero-link { color: var(--gc-royal) !important; font: 600 15px/1 var(--gc-fonte); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }

/* faixa de benefícios abaixo do hero */
.gc-beneficios { background: #fff; padding: 20px 24px; border-bottom: 1px solid #E6E8EF; }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d { width: 100% !important; max-width: 1400px !important; margin: 0 auto !important; --container-widget-width: 100%; }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px !important; margin: 0 !important;
}
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
  display: flex !important; align-items: center; justify-content: center; gap: 12px;
  padding: 20px 16px !important; margin: 0 !important; border: 1px solid #E3E6EE !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important;
}
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-item:nth-child(4) { display: flex !important; }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon {
  width: 36px; height: 36px; flex: 0 0 36px; border-radius: 999px; background: var(--gc-azul-claro); position: relative; margin: 0 !important; padding: 0 !important;
}
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon svg { display: none !important; }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon::before {
  content: ""; position: absolute; inset: 8px; background: var(--gc-royal);
  -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat;
}
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-item:nth-child(1) { --i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5.5 4.5h13a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-4 3v-3h.5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2z%22/%3E%3Cpath d=%22M8.5 9h7M8.5 12.5h7%22/%3E%3C/svg%3E"); }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-item:nth-child(2) { --i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.5 12.2l2.4 2.4 4.6-4.8%22/%3E%3C/svg%3E"); }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-item:nth-child(3) { --i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 10.5L12 4.5l7.5 6V19a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 19z%22/%3E%3Cpath d=%22M10 20.5v-5a2 2 0 0 1 4 0v5%22/%3E%3C/svg%3E"); }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-item:nth-child(4) { --i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E"); }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font: 600 15px/1.3 var(--gc-fonte) !important; color: var(--gc-marinho) !important; white-space: normal !important; padding: 0 !important; }

@media (max-width: 1024px) {
  .gc-topo__in { height: 64px; padding: 0 16px; gap: 10px; }
  .gc-topo__logo img { height: 26px; }
  .gc-topo__abrir { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px;
    border: 0; border-radius: 12px; background: #F2F4F8; cursor: pointer; padding: 0; }
  .gc-topo__abrir span, .gc-topo__abrir span::before, .gc-topo__abrir span::after { display: block; width: 18px; height: 2px; border-radius: 2px; background: var(--gc-marinho); content: ""; }
  .gc-topo__abrir span { position: relative; }
  .gc-topo__abrir span::before { position: absolute; top: -6px; left: 0; }
  .gc-topo__abrir span::after { position: absolute; top: 6px; left: 0; }
  .gc-topo__cta { margin-left: auto; padding: 10px 16px; font-size: 13px; }
  .gc-topo__menu { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0;
    background: #fff; border-bottom: 1px solid #E6E8EF; box-shadow: 0 14px 24px rgba(14,28,79,.10); padding: 8px 16px 16px; }
  .gc-topo--aberto .gc-topo__menu { display: flex; }
  .gc-topo__menu a { padding: 14px 4px; border-bottom: 1px solid #F0F1F5; font-size: 16px; }
  .gc-topo__menu .gc-topo__consultor { margin-left: 0; border-bottom: 0; }
  .elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; }
}
@media (max-width: 767px) {
  .gc-topo__cta .gc-ico { display: none; }
  html { scroll-padding-top: 76px; }
  .elementor-1663 .elementor-element.elementor-element-5e1128c > .elementor-widget-container::before { font-size: 10.5px !important; padding: 8px 12px !important; margin-bottom: 12px !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 > .elementor-widget-container { gap: 14px; justify-content: center; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button { width: 100% !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-content-wrapper { width: 100%; justify-content: center; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text { width: 100%; justify-content: space-between; }
  .gc-beneficios { padding: 14px 16px; }
  .elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { justify-content: flex-start; padding: 12px !important; gap: 10px; }
  .elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon { width: 30px; height: 30px; flex-basis: 30px; }
  .elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-icon::before { inset: 7px; }
  .elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-text { font-size: 12.5px !important; }
}
.elementor-1663 .elementor-element.elementor-element-db6a698 { display: flex !important; align-items: center; gap: 28px; flex-wrap: wrap; }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-item::after { display: none !important; }
.elementor-1663 .gc-beneficios .elementor-element.elementor-element-6d0055d .elementor-icon-list-items.elementor-inline-items { flex-wrap: wrap !important; }
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-db6a698 { gap: 14px; justify-content: center; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 > .elementor-widget-container { width: 100%; }
}


/* =====================================================================
   MOBILE MAIS PRÓXIMO DO DESKTOP (2026-10-07): grades em vez de pilhas,
   menos altura, títulos menores, textos longos recolhidos
   ===================================================================== */
@media (max-width: 767px) {
  /* respiro das seções e títulos */
  .elementor-1663 > .e-con.e-parent { --padding-top: 44px; --padding-bottom: 44px; }
  .elementor-1663 h2.elementor-heading-title { font-size: 26px !important; line-height: 1.12 !important; }
  .elementor-1663 .elementor-widget-text-editor, .elementor-1663 .elementor-widget-text-editor p { font-size: 15px !important; line-height: 1.55 !important; }

  /* números: três lado a lado */
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; }
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 > .e-con-inner > .elementor-widget { grid-column: 1 / -1; }
  .elementor-1663 .elementor-element.elementor-element-b3b9a3a,
  .elementor-1663 .elementor-element.elementor-element-ce744d3,
  .elementor-1663 .elementor-element.elementor-element-6381b04 { width: auto !important; min-width: 0 !important; --padding-top: 16px; --padding-bottom: 16px; --padding-left: 6px; --padding-right: 6px; padding: 16px 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 .e-con .elementor-heading-title { font-size: 21px !important; line-height: 1.1 !important; }
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 .e-con .elementor-widget-text-editor,
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 .e-con .elementor-widget-text-editor p { font-size: 11.5px !important; line-height: 1.3 !important; }

  /* seis motivos: grade 2 colunas, texto recolhido em 4 linhas */
  .elementor-1663 .elementor-element.elementor-element-3231708 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con { width: auto !important; min-width: 0; padding: 16px 14px !important; --padding-top: 16px; --padding-bottom: 16px; --padding-left: 14px; --padding-right: 14px; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon::before { width: 22px; height: 22px; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-title { font-size: 15px !important; line-height: 1.25 !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-description {
    font-size: 12.5px !important; line-height: 1.45 !important;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  }

  /* vitrines (Linha Térmica, Mochilas): 2 produtos por linha, como no desktop */
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner,
  .elementor-1663 .elementor-element.elementor-element-665a81e1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; }
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner > .e-con,
  .elementor-1663 .elementor-element.elementor-element-665a81e1 > .e-con { width: auto !important; min-width: 0; padding: 8px !important; --padding-top: 8px; --padding-bottom: 8px; --padding-left: 8px; --padding-right: 8px; }
  .elementor-element-2ce21146 .elementor-swiper-button, .elementor-element-665a81e1 .elementor-swiper-button { display: none !important; }
  .elementor-element-2ce21146 .elementor-widget-media-carousel .swiper, .elementor-element-665a81e1 .elementor-widget-media-carousel .swiper { height: 170px !important; }
  .elementor-element-2ce21146 .swiper-pagination, .elementor-element-665a81e1 .swiper-pagination { transform: scale(.8); transform-origin: center bottom; }
  .elementor-element-2ce21146 .e-con .elementor-heading-title, .elementor-element-665a81e1 .e-con .elementor-heading-title { font-size: 14px !important; line-height: 1.25 !important; }
  .elementor-element-2ce21146 .e-con .elementor-widget-text-editor, .elementor-element-2ce21146 .e-con .elementor-widget-text-editor p,
  .elementor-element-665a81e1 .e-con .elementor-widget-text-editor, .elementor-element-665a81e1 .e-con .elementor-widget-text-editor p { font-size: 12px !important; line-height: 1.3 !important; }
  .elementor-1663 .elementor-element.elementor-element-610a97b1, .elementor-1663 .elementor-element.elementor-element-77d86a7a { padding: 16px 14px 4px !important; }

  /* comparativo: linhas mais compactas */
  .elementor-element-e4f04fa { font-size: 13px; }

  /* textos longos recolhidos (botão "Ler mais" via script) */
  .gc-recolhe { position: relative; max-height: 8.2em; overflow: hidden; }
  .gc-recolhe::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.4em; background: linear-gradient(rgba(255,255,255,0), var(--gc-fundo-recolhe, #fff)); }
  .gc-recolhe--aberto { max-height: none; }
  .gc-recolhe--aberto::after { display: none; }
  .gc-ler-mais { margin-top: 6px; padding: 0; border: 0; background: none !important; color: var(--gc-royal) !important; font: 700 14px/1.4 var(--gc-fonte); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
}
@media (min-width: 768px) { .gc-ler-mais { display: none; } }
@media (max-width: 767px) {
  /* as etiquetas de seção também são h2: voltam ao tamanho de sticker */
  .elementor-1663 .elementor-element-e6c7545 h2.elementor-heading-title,
  .elementor-1663 .elementor-element-78f3789 h2.elementor-heading-title,
  .elementor-1663 .elementor-element-7671a42c h2.elementor-heading-title,
  .elementor-1663 .elementor-element-7870c14c h2.elementor-heading-title,
  .elementor-1663 .elementor-element-f947ec0 h2.elementor-heading-title { font-size: 12px !important; line-height: 1.2 !important; letter-spacing: .06em !important; }
  .elementor-element-e6c7545 > .elementor-widget-container, .elementor-element-78f3789 > .elementor-widget-container,
  .elementor-element-7671a42c > .elementor-widget-container, .elementor-element-7870c14c > .elementor-widget-container,
  .elementor-element-f947ec0 > .elementor-widget-container { padding: 7px 14px !important; display: inline-block; }
}


/* =====================================================================
   MOBILE = MESMO FLUXO DO DESKTOP (2026-10-07): lado a lado e grades
   como no desktop, elementos menores e textos secundários cortados
   ===================================================================== */
@media (max-width: 767px) {
  /* ---- "Sua próxima ação": imagem à esquerda, texto à direita ---- */

  /* ---- "Quem é a Gocase": texto à esquerda, foto à direita ---- */
  .elementor-1663 .elementor-element.elementor-element-80142cc > .e-con-inner,
  .elementor-1663 .elementor-element.elementor-element-80142cc { flex-direction: row !important; align-items: center; gap: 14px !important; }
  .elementor-1663 .elementor-element.elementor-element-cd018f1 { width: auto !important; flex: 1 1 0; min-width: 0; padding: 0 !important; --padding-left: 0; --padding-right: 0; }
  .elementor-1663 .elementor-element.elementor-element-3af3114 { width: 40% !important; max-width: 40% !important; flex: 0 0 40%; }
  .elementor-1663 .elementor-element.elementor-element-2665c0f .elementor-heading-title { font-size: 19px !important; line-height: 1.15 !important; }
  .elementor-1663 .elementor-element.elementor-element-a283d2f .elementor-heading-title { font-size: 13px !important; line-height: 1.45 !important; }
  .elementor-1663 .elementor-element.elementor-element-a283d2f > .elementor-widget-container { max-height: 7.3em; overflow: hidden; }
  .elementor-1663 .elementor-element.elementor-element-a283d2f > .elementor-widget-container::after { display: none; }
  .elementor-1663 .elementor-element.elementor-element-a283d2f + .gc-ler-mais { display: none; }
  .elementor-element-3af3114 > .elementor-widget-container::before { width: 76px !important; height: 76px !important; font-size: 8px !important; padding: 0 12px !important; top: -12px !important; left: -10px !important; }

  /* ---- números: girados como no desktop ---- */
  .elementor-1663 .elementor-element.elementor-element-4f72fc6 > .e-con-inner > .elementor-widget:first-child .elementor-heading-title { font-size: 22px !important; }
  .elementor-1663 .elementor-element.elementor-element-47793e0 .elementor-heading-title { font-size: 13px !important; line-height: 1.45 !important; }

  /* ---- seis motivos: 3 colunas, ícone + título ---- */
  .elementor-1663 .elementor-element.elementor-element-3231708 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con { padding: 12px 10px !important; gap: 8px !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon { width: 36px !important; height: 36px !important; border-radius: 10px !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon .elementor-icon::before { width: 18px; height: 18px; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-title { font-size: 12.5px !important; line-height: 1.25 !important; margin: 0 !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-description { display: none !important; }

  /* ---- comparativo: as duas colunas lado a lado, como no desktop ---- */
  .gcw { padding: 0 !important; margin: 16px auto !important; }
  .gcw .gcw-heads { display: flex !important; gap: 6px !important; padding: 0 0 10px !important; }
  .gcw .gcw-head { flex: 1 1 0 !important; padding: 8px 6px !important; gap: 6px !important; }
  .gcw .gcw-head-text { font-size: 9.5px !important; letter-spacing: 0 !important; line-height: 1.2 !important; }
  .gcw .gcw-head-dot { width: 18px !important; height: 18px !important; }
  .gcw .gcw-row { display: flex !important; flex-direction: row !important; }
  .gcw .gcw-cell-left { flex: 1 1 45% !important; padding: 10px 8px 10px 12px !important; gap: 6px !important; border-bottom: 1px solid #E7E9EE !important; }
  .gcw .gcw-cell-right { flex: 1 1 55% !important; margin: 4px 4px 4px -8px !important; padding: 10px 10px !important; gap: 6px !important; border-radius: 10px !important; }
  .gcw .gcw-left-text, .gcw .gcw-right-text { font-size: 11.5px !important; line-height: 1.3 !important; }
  .gcw .gcw-x { display: none !important; }
  .gcw .gcw-check { width: 18px !important; height: 18px !important; }
  .gcw .gcw-mlabel, .gcw [class*="label"] { display: none !important; }

  /* ---- Linha de Presentes: 4 categorias numa linha, ícone + nome ---- */
  .elementor-1663 .elementor-element.elementor-element-6b10150 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 > .e-con { width: auto !important; min-width: 0; padding: 10px 4px !important; gap: 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon { width: 36px !important; height: 36px !important; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon svg { width: 18px !important; height: 18px !important; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon-box-title { font-size: 11.5px !important; line-height: 1.2 !important; margin: 0 !important; }
  .elementor-1663 .elementor-element.elementor-element-6b10150 .elementor-icon-box-description { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-6cdeac77 { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-6cdeac77 + .gc-ler-mais { display: none !important; }

  /* ---- vitrines: 4 térmicos e 3 têxteis por linha, como no desktop ---- */
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-665a81e1 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner > .e-con,
  .elementor-1663 .elementor-element.elementor-element-665a81e1 > .e-con { padding: 5px !important; border-radius: 12px !important; gap: 4px !important; }
  .elementor-element-2ce21146 .elementor-widget-media-carousel .swiper, .elementor-element-665a81e1 .elementor-widget-media-carousel .swiper { height: 110px !important; }
  .elementor-element-2ce21146 .swiper-pagination, .elementor-element-665a81e1 .swiper-pagination { display: none !important; }
  .elementor-element-2ce21146 .e-con .elementor-heading-title, .elementor-element-665a81e1 .e-con .elementor-heading-title { font-size: 10.5px !important; line-height: 1.2 !important; }
  .elementor-element-2ce21146 .e-con .elementor-widget-text-editor, .elementor-element-665a81e1 .e-con .elementor-widget-text-editor { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-610a97b1 .elementor-icon-box-description,
  .elementor-1663 .elementor-element.elementor-element-77d86a7a .elementor-icon-box-description { font-size: 14px !important; }
  .elementor-1663 .elementor-element.elementor-element-610a97b1 .elementor-icon-box-wrapper,
  .elementor-1663 .elementor-element.elementor-element-77d86a7a .elementor-icon-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; text-align: left !important; }
  .elementor-1663 .elementor-element.elementor-element-610a97b1 .elementor-icon,
  .elementor-1663 .elementor-element.elementor-element-77d86a7a .elementor-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; }

  /* ---- "Não precisa chegar com o kit pronto": texto + imagem lado a lado ---- */

  /* ---- "Como funciona": a mesma linha do tempo horizontal do desktop ---- */

  /* ---- depoimentos: dois cards por vez, texto menor ---- */
  .elementor-1663 .elementor-element.elementor-element-ede53ae { --e-n-carousel-swiper-slides-to-display: 2 !important; }
  .elementor-element-ede53ae .elementor-widget-text-editor, .elementor-element-ede53ae .elementor-widget-text-editor p,
  .elementor-element-ede53ae .elementor-image-box-description { font-size: 11.5px !important; line-height: 1.4 !important;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }
  .elementor-element-ede53ae .swiper-slide > .e-con { padding: 12px !important; }

  /* ---- programa: card rosa + texto lado a lado, texto curto ---- */
  .elementor-1663 .elementor-element.elementor-element-253dbe5 > .e-con-inner,
  .elementor-1663 .elementor-element.elementor-element-253dbe5 { flex-direction: row !important; align-items: center; gap: 12px !important; }
  .elementor-1663 .elementor-element.elementor-element-eb21359 { width: 52% !important; flex: 0 0 52%; padding: 16px 12px !important; gap: 8px !important; }
  .elementor-1663 .elementor-element.elementor-element-4b2627f { width: auto !important; flex: 1 1 0; min-width: 0; padding: 0 !important; }
  .elementor-1663 .elementor-element.elementor-element-745db38 .elementor-icon { width: 34px !important; height: 34px !important; }
  .elementor-1663 .elementor-element.elementor-element-d77ae1a .elementor-heading-title { font-size: 16px !important; line-height: 1.15 !important; }
  .elementor-1663 .elementor-element.elementor-element-2d40f4e .elementor-button { padding: 10px 12px !important; font-size: 11.5px !important; white-space: normal; }
  .elementor-1663 .elementor-element.elementor-element-b7548ed p { font-size: 12.5px !important; line-height: 1.45 !important; }
  .elementor-1663 .elementor-element.elementor-element-b7548ed p:not(:first-child) { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-b7548ed > .elementor-widget-container { max-height: none !important; }
  .elementor-1663 .elementor-element.elementor-element-b7548ed > .elementor-widget-container::after,
  .elementor-1663 .elementor-element.elementor-element-b7548ed + .gc-ler-mais { display: none !important; }

  /* ---- condições: 4 numa linha ---- */
  .elementor-1663 .elementor-element.elementor-element-74024a65 > .e-con-inner,
  .elementor-1663 .elementor-element.elementor-element-74024a65 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-74024a65 .e-con { width: auto !important; min-width: 0; padding: 10px 4px !important; }
  .elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon-box-wrapper { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 6px; }
  .elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon { font-size: 20px !important; padding: 8px !important; }
  .elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon-box-title { font-size: 11px !important; line-height: 1.2 !important; }
  .elementor-1663 .elementor-element.elementor-element-74024a65 .elementor-icon-box-description { font-size: 10px !important; line-height: 1.3 !important; }

  /* ---- FAQ: título menor ---- */
  .elementor-1663 .elementor-element.elementor-element-46b857f .elementor-widget-n-accordion .e-n-accordion-item-title-text,
  .elementor-1663 .elementor-element.elementor-element-46b857f summary { font-size: 14.5px !important; }
}
@media (max-width: 767px) {
  /* comparativo: o widget troca a tabela por cards abaixo de 680px; aqui fica a tabela, como no desktop */
  .gcw .gcw-heads { display: flex !important; }
  .gcw .gcw-canvas { display: block !important; padding: 4px 4px 4px 0 !important; border-radius: 14px !important; }
  .gcw .gcw-cards { display: none !important; }
  /* depoimentos: 2 por vez, logo e aspas menores */
  .elementor-element-ede53ae .elementor-widget-image img { width: 40px !important; height: 40px !important; }
  .elementor-element-ede53ae .swiper-slide { height: auto !important; }
  /* rodapé: texto legal menor */
  .elementor-1663 .elementor-element.elementor-element-7125b059 p,
  .elementor-1663 .elementor-element.elementor-element-7125b059 .elementor-widget-text-editor { font-size: 11px !important; line-height: 1.45 !important; }
}
@media (max-width: 767px) {
  /* depoimentos: o texto é o título do image-box */
  .elementor-element-ede53ae .elementor-image-box-title { font-size: 12px !important; line-height: 1.45 !important;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
  .elementor-element-ede53ae .elementor-image-box-img { margin-bottom: 6px !important; }
  /* como funciona: 3 passos visíveis, como no desktop */
}
@media (max-width: 767px) {
}

/* ---------- Ajustes mobile (rodada 7, 2026-10-07) ---------- */
.gc-titulo-mobile { display: none; }
@media (max-width: 767px) {
  /* comparativo: chip + frase */
  .gc-titulo-mobile { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; width: 100%; }
  .gc-titulo-mobile .gc-chip { background: var(--gc-rosa); color: var(--gc-royal); font: 700 12px/1 var(--gc-fonte); letter-spacing: .06em; text-transform: uppercase; padding: 8px 14px; border-radius: 999px; transform: rotate(-3deg); }
  .gc-titulo-mobile h2 { margin: 0; font: 800 24px/1.15 var(--gc-fonte); color: var(--gc-marinho); letter-spacing: -0.01em; }
  .elementor-1663 .elementor-element.elementor-element-b988fac,
  .elementor-1663 .elementor-element.elementor-element-4f753b6 { display: none !important; }

  /* seis motivos: cards do mesmo tamanho, ícone igual em todos */
  .elementor-1663 .elementor-element.elementor-element-3231708 { grid-auto-rows: 1fr; }
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con { justify-content: flex-start !important; align-items: flex-start !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con .elementor-widget-icon .elementor-icon,
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(even) .elementor-widget-icon .elementor-icon,
  .elementor-1663 .elementor-element.elementor-element-3231708 > .e-con:nth-child(odd) .elementor-widget-icon .elementor-icon { width: 38px !important; height: 38px !important; border-radius: 11px !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-widget-icon { margin: 0 !important; width: auto !important; }
  .elementor-1663 .elementor-element.elementor-element-3231708 .elementor-icon-box-wrapper { text-align: left !important; }

  /* vitrines: carrossel com 1,5 produto por vez (deslizar com o dedo) */
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner,
  .elementor-1663 .elementor-element.elementor-element-665a81e1 {
    display: flex !important; flex-wrap: nowrap !important; gap: 10px !important;
    overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 6px !important;
  }
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner::-webkit-scrollbar,
  .elementor-1663 .elementor-element.elementor-element-665a81e1::-webkit-scrollbar { display: none; }
  .elementor-1663 .elementor-element.elementor-element-2ce21146 > .e-con-inner > .e-con,
  .elementor-1663 .elementor-element.elementor-element-665a81e1 > .e-con { flex: 0 0 62% !important; width: 62% !important; max-width: 62% !important; scroll-snap-align: start; padding: 8px !important; }
  .elementor-element-2ce21146 .elementor-widget-media-carousel .swiper, .elementor-element-665a81e1 .elementor-widget-media-carousel .swiper { height: 190px !important; }
  .elementor-element-2ce21146 .swiper-pagination, .elementor-element-665a81e1 .swiper-pagination { display: block !important; }
  .elementor-element-2ce21146 .e-con .elementor-heading-title, .elementor-element-665a81e1 .e-con .elementor-heading-title { font-size: 14px !important; }
  .elementor-element-2ce21146 .e-con .elementor-widget-text-editor, .elementor-element-665a81e1 .e-con .elementor-widget-text-editor { display: block !important; }
  .elementor-element-2ce21146 .e-con .elementor-widget-text-editor, .elementor-element-2ce21146 .e-con .elementor-widget-text-editor p,
  .elementor-element-665a81e1 .e-con .elementor-widget-text-editor, .elementor-element-665a81e1 .e-con .elementor-widget-text-editor p { font-size: 12px !important; }
}
@media (max-width: 767px) {
  /* Programa: só o card rosa, limpo (o texto ao lado fica no desktop) */
  .elementor-1663 .elementor-element.elementor-element-253dbe5 > .e-con-inner,
  .elementor-1663 .elementor-element.elementor-element-253dbe5 { flex-direction: column !important; }
  .elementor-1663 .elementor-element.elementor-element-4b2627f { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-eb21359 { width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; padding: 24px 22px !important; gap: 14px !important; align-items: flex-start !important; }
  .elementor-1663 .elementor-element.elementor-element-745db38 { width: auto !important; margin: 0 !important; }
  .elementor-1663 .elementor-element.elementor-element-745db38 > .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
  .elementor-1663 .elementor-element.elementor-element-745db38 .elementor-icon-wrapper { text-align: left !important; }
  .elementor-1663 .elementor-element.elementor-element-745db38 .elementor-icon { width: 44px !important; height: 44px !important; padding: 8px !important; font-size: 28px !important; }
  .elementor-1663 .elementor-element.elementor-element-745db38 .elementor-icon svg { width: 28px !important; height: 28px !important; }
  .elementor-1663 .elementor-element.elementor-element-d77ae1a { margin: 0 !important; }
  .elementor-1663 .elementor-element.elementor-element-d77ae1a .elementor-heading-title { font-size: 22px !important; line-height: 1.15 !important; }
  .elementor-1663 .elementor-element.elementor-element-2d40f4e { width: 100% !important; }
  .elementor-1663 .elementor-element.elementor-element-2d40f4e .elementor-button { width: 100% !important; padding: 14px 18px !important; font-size: 14px !important; }
}
@media (max-width: 767px) {
  .elementor-1663 .elementor-element.elementor-element-2d40f4e .elementor-button { font-size: 13px !important; white-space: nowrap !important; padding: 14px 12px !important; }
}

/* ---------- Header + hero do celular no formato de banner (modelo do usuário, 2026-10-07) ---------- */
.gc-curto { display: none; }
@media (max-width: 767px) {
  /* header: logo · Orçamento com sacola · menu sem fundo */
  .gc-topo__in { height: 62px; }
  .gc-topo__cta { padding: 10px 18px !important; font-size: 14px !important; gap: 8px !important; margin-left: auto; }
  .gc-topo__cta .gc-ico { display: inline-block !important; width: 16px; height: 16px; }
  .gc-longo { display: none; }
  .gc-curto { display: inline; }
  .gc-topo__abrir { background: none !important; width: 40px; height: 40px; }
  .gc-topo__abrir span, .gc-topo__abrir span::before, .gc-topo__abrir span::after { width: 22px !important; height: 2px; }
  .gc-topo__abrir span::before { top: -7px !important; }
  .gc-topo__abrir span::after { top: 7px !important; }

  /* hero: card azul com o texto à esquerda e os produtos à direita */
  .elementor-1663 .elementor-element.elementor-element-93944dc { --padding-top: 14px; --padding-bottom: 6px; --padding-left: 14px; --padding-right: 14px; padding: 14px 14px 6px !important; }
  .elementor-1663 .elementor-element.elementor-element-93944dc:not(.elementor-motion-effects-element-type-background) { background: #fff !important; }
  .elementor-1663 .elementor-element.elementor-element-a9c33d9 {
    position: relative; overflow: hidden; border-radius: 20px;
    background: #BEE5FC url("/corporativo-nova/img/hero-card.webp") right center / auto 100% no-repeat !important;
    min-height: 196px; padding: 22px 16px 20px !important; --gap: 8px; gap: 8px !important; justify-content: center;
  }
  .elementor-1663 .elementor-element.elementor-element-a9c33d9::before {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(190,229,252,.96) 0%, rgba(190,229,252,.85) 40%, rgba(190,229,252,0) 62%);
  }
  .elementor-1663 .elementor-element.elementor-element-a9c33d9 > * { position: relative; z-index: 1; }
  .gc-hero-foto-mobile,
  .elementor-1663 .elementor-element.elementor-element-48a7cc8,
  .elementor-1663 .elementor-element.elementor-element-a9c33d9 .gc-hero-link { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-5e1128c > .elementor-widget-container::before { display: none !important; }
  .elementor-1663 .elementor-element.elementor-element-5e1128c,
  .elementor-1663 .elementor-element.elementor-element-0ae07b5 { max-width: 58% !important; width: 58% !important; }
  .elementor-1663 .elementor-element.elementor-element-5e1128c .elementor-heading-title,
  .elementor-1663 .elementor-element.elementor-element-5e1128c .elementor-heading-title * { font-size: 11.5px !important; line-height: 1.3 !important; letter-spacing: .06em !important; color: var(--gc-marinho) !important; font-weight: 800 !important; }
  .elementor-1663 .elementor-element.elementor-element-0ae07b5 .elementor-heading-title { font-size: 23px !important; line-height: 1.05 !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 { width: auto !important; margin-top: 6px; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 > .elementor-widget-container { width: auto !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button { width: auto !important; padding: 7px 7px 7px 16px !important; box-shadow: none !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-content-wrapper,
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text { width: auto !important; justify-content: flex-start !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text { font-size: 0 !important; gap: 10px !important; }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text::before {
    content: "Orçamento"; font: 800 13px/1 var(--gc-fonte); letter-spacing: .06em; text-transform: uppercase; color: var(--gc-marinho);
  }
  .elementor-1663 .elementor-element.elementor-element-db6a698 .elementor-button-text::after {
    width: 28px !important; height: 28px !important; background-color: var(--gc-marinho) !important; background-size: 14px !important;
    filter: none;
  }
  .gc-beneficios { padding: 8px 14px 14px !important; border-bottom: 0 !important; }
}
@media (max-width: 767px) {
  body .elementor-1663 .elementor-element.elementor-element-93944dc { --padding-top: 12px !important; --padding-bottom: 4px !important; --padding-left: 14px !important; --padding-right: 14px !important; --min-height: 0px !important; }
  body .elementor-1663 .elementor-element.elementor-element-93944dc > .e-con-inner { padding: 0 !important; }
}
@media (max-width: 767px) {
  /* depoimentos: cards da mesma altura, texto legível em 6 linhas + "Ler mais" */
  .elementor-element-ede53ae .swiper-wrapper { align-items: stretch !important; }
  .elementor-element-ede53ae .swiper-slide { height: auto !important; display: flex !important; }
  .elementor-element-ede53ae .swiper-slide > .e-con { height: 100% !important; width: 100%; padding: 14px 12px 16px !important; justify-content: flex-start !important; }
  .elementor-element-ede53ae .elementor-image-box-wrapper { text-align: left !important; }
  .elementor-element-ede53ae .elementor-image-box-img { margin: 0 0 4px !important; }
  .elementor-element-ede53ae .elementor-image-box-img img { width: 36px !important; height: 36px !important; }
  .elementor-element-ede53ae .elementor-image-box-content::before { font-size: 34px !important; line-height: .8 !important; margin: 4px 0 2px !important; height: auto !important; }
  .elementor-element-ede53ae .elementor-image-box-title {
    font-size: 13.5px !important; line-height: 1.5 !important; color: #2E2E3A !important; margin: 0 !important;
    -webkit-line-clamp: 6 !important; min-height: 9em;
  }
  .elementor-element-ede53ae .elementor-image-box-title.gc-dep-aberto { -webkit-line-clamp: unset !important; display: block !important; }
  .gc-dep-mais { margin-top: 8px; padding: 0; border: 0; background: none !important; box-shadow: none !important;
    color: var(--gc-royal) !important; font: 700 13px/1.4 var(--gc-fonte); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
}
@media (min-width: 768px) { .gc-dep-mais { display: none; } }
@media (max-width: 767px) {
  .elementor-element-ede53ae .swiper-slide > .e-con > .e-con-inner { height: auto !important; min-height: 0 !important; justify-content: flex-start !important; gap: 0 !important; }
  .elementor-element-ede53ae .swiper-slide > .e-con { min-height: 0 !important; --min-height: 0px; }
  .elementor-element-ede53ae .elementor-image-box-title { display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 0 !important; height: 9em !important; }
  .elementor-element-ede53ae .elementor-image-box-title.gc-dep-aberto { height: auto !important; }
}

/* ---------- Header: some ao descer, volta ao subir um pouco ---------- */
.gc-topo { position: fixed !important; top: 0; left: 0; right: 0; transition: transform .25s ease, box-shadow .25s ease; }
.gc-topo--oculto { transform: translateY(-100%); }
body { padding-top: 76px; }
@media (max-width: 1024px) { body { padding-top: 64px; } }
@media (max-width: 767px) { body { padding-top: 62px; } }
@media (max-width: 767px) {
  /* vitrines: o carrossel de fotos ocupa o card inteiro (estava com 96px e a foto saía deslocada) */
  .elementor-element-2ce21146 .elementor-widget-media-carousel .elementor-widget-container,
  .elementor-element-665a81e1 .elementor-widget-media-carousel .elementor-widget-container,
  .elementor-element-2ce21146 .elementor-widget-media-carousel .swiper,
  .elementor-element-665a81e1 .elementor-widget-media-carousel .swiper { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; }
  .elementor-element-2ce21146 .elementor-widget-media-carousel,
  .elementor-element-665a81e1 .elementor-widget-media-carousel { width: 100% !important; }
}
@media (max-width: 767px) {
  /* seletor de cor menor no celular, para caber no card (a Fresh tem 8 cores) */
  .elementor-element-2ce21146 .swiper-pagination,
  .elementor-element-665a81e1 .swiper-pagination { left: 50% !important; right: auto !important; transform: translateX(-50%) scale(.78) !important; transform-origin: center bottom !important; }
}
@media (max-width: 767px) {
  /* vitrines: no celular a área da foto é mais larga que alta; "cover" ampliava e cortava o produto.
     "contain" mostra o produto inteiro e centralizado, como no desktop */
  .elementor-element-2ce21146 .elementor-carousel-image,
  .elementor-element-665a81e1 .elementor-carousel-image { background-size: contain !important; background-position: center 40% !important; }
}
@media (max-width: 767px) {
  /* seletor de cor: centralizado pela largura do card, sem depender de translate */
  .elementor-1663 .elementor-element-2ce21146 .elementor-widget-media-carousel .swiper-pagination,
  .elementor-1663 .elementor-element-665a81e1 .elementor-widget-media-carousel .swiper-pagination {
    left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important;
    width: max-content !important; max-width: calc(100% - 12px) !important;
    transform: scale(.82) !important; transform-origin: center bottom !important;
    display: flex !important; justify-content: center !important; align-items: center;
  }
}
@media (max-width: 767px) {
  /* esses carrosséis têm regra própria por id (left:50% + translateX); aqui ela é sobrescrita */
  body #copo-termico-mini-slider .swiper-pagination,
  body #garrafa-termica-fresh-slider .swiper-pagination,
  body #garrafa-termica-mini-slider .swiper-pagination,
  body #garrafa-termica-urban-slider .swiper-pagination {
    left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important;
    width: max-content !important; max-width: calc(100% - 12px) !important;
    transform: scale(.82) !important; transform-origin: center bottom !important;
  }
}
