.elementor-kit-6{--e-global-color-primary:#321C0E;--e-global-color-secondary:#C45F43;--e-global-color-text:#53473B;--e-global-color-accent:#C6AC88;--e-global-color-areia:#E9DDCB;--e-global-color-creme:#FFEEDB;--e-global-color-douradobr:#E4CD9B;--e-global-color-marromcl:#9A7B5E;--e-global-color-offwhite:#F5F4EE;--e-global-color-branco:#FFFFFF;--e-global-typography-primary-font-family:"Tenor Sans";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:67px;--e-global-typography-secondary-font-family:"Tenor Sans";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:36px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:20px;--e-global-typography-h1hero-font-family:"Tenor Sans";--e-global-typography-h1hero-font-size:64px;--e-global-typography-h1hero-font-weight:400;--e-global-typography-h1hero-line-height:77px;--e-global-typography-h2sec-font-family:"Tenor Sans";--e-global-typography-h2sec-font-size:56px;--e-global-typography-h2sec-font-weight:400;--e-global-typography-h2sec-line-height:67px;--e-global-typography-h3card-font-family:"Tenor Sans";--e-global-typography-h3card-font-size:28px;--e-global-typography-h3card-font-weight:400;--e-global-typography-h3card-line-height:36px;--e-global-typography-lead-font-family:"Inter";--e-global-typography-lead-font-size:20px;--e-global-typography-lead-font-weight:400;--e-global-typography-lead-line-height:28px;--e-global-typography-body18-font-family:"Inter";--e-global-typography-body18-font-size:18px;--e-global-typography-body18-font-weight:400;--e-global-typography-body18-line-height:25px;--e-global-typography-body16-font-family:"Inter";--e-global-typography-body16-font-size:16px;--e-global-typography-body16-font-weight:400;--e-global-typography-body16-line-height:22px;--e-global-typography-label-font-family:"Inter";--e-global-typography-label-font-size:12px;--e-global-typography-label-font-weight:600;--e-global-typography-label-text-transform:uppercase;--e-global-typography-label-line-height:17px;--e-global-typography-label-letter-spacing:1.7px;--e-global-typography-btn-font-family:"Inter";--e-global-typography-btn-font-size:14px;--e-global-typography-btn-font-weight:500;--e-global-typography-btn-text-transform:uppercase;--e-global-typography-btn-line-height:20px;color:#53473B;font-family:"Inter", Sans-serif;font-size:18px;line-height:25px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================
   CACHAÇA SÁLIA — CSS Global
   Elementor → Configurações do Site → CSS personalizado
   ============================================ */

:root{
  /* Cores da marca */
  --salia-marrom:      #321C0E;
  --salia-terracota:   #C45F43;
  --salia-areia:       #E9DDCB;
  --salia-creme:       #FFEEDB;
  --salia-dourado:     #C6AC88;
  --salia-dourado-br:  #E4CD9B;
  --salia-marrom-md:   #53473B;
  --salia-marrom-cl:   #9A7B5E;
  --salia-off:         #F5F4EE;

  /* Ritmo vertical */
  --salia-sec-pad:     120px;
  --salia-container:   1320px;
  --salia-radius:      8px;
}

/* ---------- Label de seção (losango 21x14 + texto + losango) ---------- */
.salia-label .elementor-heading-title,
.salia-label{
  display:flex; align-items:center; justify-content:center; gap:16px;
  font-family:"Inter",sans-serif; font-weight:600; font-size:14px; line-height:20px;
  text-transform:uppercase; color:var(--salia-terracota);
}
.salia-label .elementor-heading-title::before,
.salia-label .elementor-heading-title::after{
  content:""; width:21px; height:14px; flex:0 0 auto;
  background:var(--salia-terracota);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
/* variante alinhada à esquerda */
.salia-label--left .elementor-heading-title{ justify-content:flex-start; }

/* ---------- Títulos ---------- */
.salia-h1,.salia-h2,.salia-h3{
  font-family:"Tenor Sans",serif; font-weight:400; letter-spacing:0;
}
.salia-h1{ font-size:64px; line-height:77px; }
.salia-h2{ font-size:56px; line-height:67px; }
.salia-h3{ font-size:28px; line-height:36px; }

/* ---------- Card de pilar — 458x251, pad 32, radius 12, gap 16 ---------- */
.salia-pilar{ background:var(--salia-marrom); border-radius:12px; }
/* losango dourado 40x27 no topo do card, como ::before do título */
.salia-pilar-titulo .elementor-heading-title::before{
  content:""; display:block; width:40px; height:27px; margin-bottom:16px;
  background:linear-gradient(135deg,var(--salia-dourado-br) 0%,var(--salia-dourado) 55%,#B08F63 100%);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
/* grade 2x2 dos pilares: 931px, cards 458px, gap 15 (Figma).
   Containers "boxed" do Elementor embrulham os filhos em .e-con-inner —
   por isso o seletor mira nele, e não em filho direto. */
.salia-pilares > .e-con-inner{
  display:flex; flex-wrap:wrap; gap:15px;
  width:931px; max-width:100%; margin:0 auto; justify-content:center;
}
.salia-pilares .salia-pilar{ width:458px; flex:0 0 458px; max-width:100%; }

/* ---------- CTAs: no Figma cabem numa linha (216x60 e 307x60) ---------- */
.salia-cta .elementor-button{ white-space:nowrap; }

/* No Figma o espaçamento é dado pelo gap do container, não pela margem do
   parágrafo. Onde o bloco é de parágrafo único, zeramos a margem final. */
.salia-sem-margem p:last-child{ margin-bottom:0; }

/* ---------- Card de expressão (Figma: 400x523, pad 20, radius 12) ---------- */
.salia-expr{ background:var(--salia-areia); border-radius:12px; }

/* tags "750 ml" e "40% vol." — 25px alto, pad 4/12, borda 1px, radius 7 */
.salia-tag .elementor-heading-title{
  display:inline-block; padding:3px 11px;
  border:1px solid var(--salia-marrom); border-radius:7px;
  font-family:"Inter",sans-serif; font-weight:500; font-size:12px; line-height:17px;
  color:var(--salia-marrom);
}

/* badge "ARMAZENADA EM:" — pad 4/24, radius 16, gradiente 90deg do Figma */
.salia-badge .elementor-heading-title{
  display:inline-block; padding:4px 24px; border-radius:16px;
  background:linear-gradient(90deg,#C45F43 0%,#C46245 28%,#C46B4E 49%,#C47C5D 68%,#C59371 86%,#C6AC88 100%);
  font-family:"Inter",sans-serif; font-weight:500; font-size:12px; line-height:17px;
  color:#fff; text-transform:uppercase;
}

/* item do manifesto: losango 30x20 dourado + texto, gap 10, pad 10.
   O Elementor 4 não gera mais .elementor-widget-container — o <p> é filho direto. */
.salia-item-losango{
  display:flex; align-items:center; gap:10px; padding:10px;
}
.salia-item-losango::before{
  content:""; flex:0 0 auto; width:30px; height:20px;
  background:linear-gradient(135deg,var(--salia-dourado-br) 0%,var(--salia-dourado) 55%,#B08F63 100%);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}

/* imagem do produto: arte quadrada exibida com FIT dentro de 360x215 (Figma) */
.salia-expr .elementor-widget-image img{
  width:360px; height:215px; object-fit:contain; display:block;
}

/* destaque terracota na frase de transição */
.salia-terra{ color:var(--salia-terracota); }

/* carrossel: setas 40x40 terracota, radius 12, no topo direito do bloco */
.salia-expr-bloco{ position:relative; }
.salia-carrossel .e-n-carousel > .swiper-button-prev,
.salia-carrossel .e-n-carousel > .swiper-button-next{
  width:40px; height:40px; border-radius:12px;
  background:var(--salia-terracota); color:#fff;
  top:-190px; margin-top:0; left:auto; transform:none;
}
.salia-carrossel .e-n-carousel > .swiper-button-prev{ right:48px; }
.salia-carrossel .e-n-carousel > .swiper-button-next{ right:0; }
.salia-carrossel .e-n-carousel > .swiper-button-prev::after,
.salia-carrossel .e-n-carousel > .swiper-button-next::after{ font-size:16px; }
.salia-carrossel .swiper-pagination-bullets{ margin-top:32px; }

/* ---------- FAQ (Figma: 691 largura, gap 7, item 125, pad 24, radius 12) ----------
   Figma: pergunta à esquerda, ícone à direita (space-between), tudo branco;
   resposta em #FFEEDB. O Elementor põe o ícone com order:-1 e não fecha o
   padding inferior — os dois pontos são corrigidos aqui. */
.salia-faq-lista{ width:691px; max-width:100%; margin:0 auto; }
.salia-faq{ width:100% !important; }

/* fundo e cantos no item inteiro */
.salia-faq .e-n-accordion-item,
.salia-faq details{
  background:var(--salia-marrom) !important;
  border-radius:12px !important;
  overflow:hidden;
}

/* cabeçalho: pergunta à esquerda, ícone à direita */
.salia-faq summary,
.salia-faq .e-n-accordion-item-title{
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px;
  background:transparent !important;
  border:0 !important;
  border-radius:12px !important;
  min-height:0 !important;
  cursor:pointer;
}
.salia-faq .e-n-accordion-item-title-header{ order:1; flex:1 1 auto; }
.salia-faq .e-n-accordion-item-title-icon{ order:2 !important; flex:0 0 auto; }

/* fechado: padding completo (24 em volta).
   aberto: 24 em cima, 8 de respiro até a resposta, que fecha os 24 embaixo. */
.salia-faq details:not([open]) summary,
.salia-faq .e-n-accordion-item:not([open]) .e-n-accordion-item-title{
  padding:24px !important;
}
.salia-faq details[open] summary,
.salia-faq .e-n-accordion-item[open] .e-n-accordion-item-title{
  padding:24px 24px 8px 24px !important;
}
.salia-faq details > *:not(summary){
  padding:0 24px 24px 24px !important;
  background:transparent !important;
}

/* pergunta branca, ícone branco */
.salia-faq summary,
.salia-faq .e-n-accordion-item-title,
.salia-faq .e-n-accordion-item-title-header,
.salia-faq .e-n-accordion-item-title-text,
.salia-faq .e-n-accordion-item-title h3{
  color:#FFFFFF !important;
}
.salia-faq .e-n-accordion-item-title-icon,
.salia-faq .e-n-accordion-item-title-icon span,
.salia-faq .e-n-accordion-item-title-icon svg{
  fill:#FFFFFF !important; color:#FFFFFF !important;
}
.salia-faq details > *:not(summary) p{ margin:0 !important; }

/* imagem da Origem — 742x700, radius 8 */
.salia-origem-img img{ width:742px; height:700px; object-fit:cover; border-radius:8px; display:block; }

/* ---------- Contato: cards de representante (350x293, pad 32, radius 10) ---------- */
.salia-rep{ background:var(--salia-areia); border-radius:10px; }
/* avatar 80x80 círculo terracota com as iniciais */
.salia-avatar .elementor-heading-title{
  width:80px; height:80px; border-radius:999px; background:var(--salia-terracota);
  display:flex; align-items:center; justify-content:center; margin:0 auto;
  font-family:"Tenor Sans",serif; font-size:28px; line-height:36px; color:#fff;
}
/* telefone com ícone ao lado */
.salia-fone .elementor-heading-title{
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.salia-fone .elementor-heading-title::before{
  content:"095"; font-family:"Font Awesome 5 Free"; font-weight:900;
  color:var(--salia-terracota); font-size:14px;
}
/* linha fina acima do bloco legal do rodapé */
.salia-rodape-legal{ border-top:1px solid rgba(255,255,255,.35); }
.salia-mini{ font-size:12px; line-height:17px; }

/* ---------- Divisor fino ---------- */
.salia-divider{ height:1px; background:var(--salia-marrom-cl); opacity:.35; }

/* ---------- Header ---------- */
/* no Figma o CTA ocupa uma linha só (267x52) */
.salia-btn-header .elementor-button{ white-space:nowrap; }
/* "Início" é o item ativo — Inter 600 */
.salia-nav .elementor-nav-menu > li:first-child > .elementor-item{ font-weight:600; }
.salia-nav .elementor-item.elementor-item-active{ font-weight:600; }


/* ============================================
   RESPONSIVO — adaptação do desktop 1920
   ============================================ */
@media (max-width:1024px){
  :root{ --salia-sec-pad:80px; }
  .salia-h1{ font-size:44px; line-height:54px; }
  .salia-h2{ font-size:38px; line-height:46px; }
  .salia-h3{ font-size:24px; line-height:32px; }
}
@media (max-width:767px){
  :root{ --salia-sec-pad:56px; }
  .salia-h1{ font-size:32px; line-height:40px; }
  .salia-h2{ font-size:28px; line-height:36px; }
  .salia-h3{ font-size:21px; line-height:28px; }
  .salia-btn,.salia-btn-outline{ padding:15px 22px; font-size:13px; width:100%; text-align:center; }
  .salia-pilar{ padding:28px; }
  .salia-label{ font-size:11px; }
}

/* ============================================
   DECORATIVOS DO FIGMA — gerado por gera_decor.py
   Elipses de brilho no ::before, véus vetoriais no ::after.
   Cada elemento é ancorado na borda mais próxima (esquerda ou direita),
   para não escorregar em telas diferentes de 1920.
   ============================================ */
.salia-decor{ position:relative; overflow:hidden; }
.salia-decor > *{ position:relative; z-index:1; }
.salia-decor::before,.salia-decor::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
}

/* sec4 — 2 elipse(s) de brilho */
.salia-decor-sec4::before{ background:radial-gradient(436px 436px at 139px 802px, rgba(196,95,67,.14) 0%, rgba(196,95,67,0) 72%), radial-gradient(436px 436px at calc(100% - 548px) 1725px, rgba(196,95,67,.14) 0%, rgba(196,95,67,0) 72%); }   /* fixo: esquerda + direita */

/* sec6 — 1 elipse(s) de brilho */
.salia-decor-sec6a::before{ background:radial-gradient(303px 303px at calc(50% + 0px) 557px, rgba(196,95,67,.38) 0%, rgba(196,95,67,0) 72%); }   /* fixo: centro */
.salia-decor-sec6b::before{ background:radial-gradient(303px 303px at calc(50% + 0px) -171px, rgba(196,95,67,.38) 0%, rgba(196,95,67,0) 72%); }   /* fixo: centro */

/* sec3 — 1 véu(s) em color-dodge · fixo: esquerda */
.salia-decor-sec3::after{
  background-image:url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec3-19056-1134.png);
  background-position:left -512px top -84px;
  background-size:1128px 1679px;
  background-repeat:no-repeat;
  mix-blend-mode:color-dodge;
}

/* sec4 — 2 véu(s) em color-dodge · fixo: esquerda + direita */
.salia-decor-sec4::after{
  background-image:url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec4-19056-1125.png), url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec4-19056-1126.png);
  background-position:left -576px top -379px, right -752px top 729px;
  background-size:1198px 1782px, 1699px 2527px;
  background-repeat:no-repeat, no-repeat;
  mix-blend-mode:color-dodge;
}

/* sec5 — 2 véu(s) em color-dodge · fixo: esquerda + direita */
.salia-decor-sec5::after{
  background-image:url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec5-19056-936.png), url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec5-19062-8.png);
  background-position:left -268px top -956px, right -675px top 945px;
  background-size:1228px 1828px, 1228px 1828px;
  background-repeat:no-repeat, no-repeat;
  mix-blend-mode:color-dodge;
  opacity:0.54;
}

/* sec6 — 1 véu(s) em color-dodge · fixo: esquerda */
.salia-decor-sec6a::after{
  background-image:url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec6-19056-1130.png);
  background-position:left -146px top -263px;
  background-size:1239px 1555px;
  background-repeat:no-repeat;
  mix-blend-mode:color-dodge;
}
.salia-decor-sec6b::after{
  background-image:url(https://cachacasalinas.meltcomunicacao.com.br/wp-content/uploads/2026/09/salia-veu-sec6-19056-1130.png);
  background-position:left -146px top -991px;
  background-size:1239px 1555px;
  background-repeat:no-repeat;
  mix-blend-mode:color-dodge;
}


/* ============================================
   CARROSSEL DE EXPRESSÕES
   Figma: cards 400x523, gap 16, setas 40x40 (#C45F43, r12) no topo direito.
   O bloco sangra do container até a borda direita da tela.
   ============================================ */
.salia-expr-bloco{ position:relative; }

/* largura: começa alinhado ao container (320 em 1920) e vai até a borda */
.salia-carrossel{
  width:calc(50vw + 640px) !important;
  max-width:none !important;
  position:relative;            /* referência para as setas */
}
.salia-carrossel .e-n-carousel{ overflow:hidden; }

/* --- setas 40x40, terracota, radius 12, gap 8, no topo direito ---
   Ancoradas ao próprio carrossel (o offsetParent que o Elementor usa varia).
   O carrossel tem largura calc(50vw + 640px) e começa em calc(50vw - 640px);
   logo, a borda direita do container de 1280 fica a calc(50vw - 640px) do fim. */
.salia-carrossel .elementor-swiper-button{
  position:absolute !important;
  width:40px !important; height:40px !important;
  border-radius:12px !important;
  background:var(--salia-terracota) !important;
  display:flex !important; align-items:center; justify-content:center;
  color:#fff !important; font-size:16px;
  margin:0 !important; transform:none !important;
  top:-84px !important;              /* 40 da seta + 44 do gap acima do carrossel */
  bottom:auto !important;
  transition:background .2s ease;
  z-index:2;
}
.salia-carrossel .elementor-swiper-button:hover{ background:#a94c33 !important; }
.salia-carrossel .elementor-swiper-button i,
.salia-carrossel .elementor-swiper-button svg{
  color:#fff !important; fill:#fff !important; width:16px; height:16px;
}
.salia-carrossel .elementor-swiper-button-next{
  right:calc(50vw - 640px) !important; left:auto !important;
}
.salia-carrossel .elementor-swiper-button-prev{
  right:calc(50vw - 640px + 48px) !important; left:auto !important;
}

/* --- dots: 12x12, terracota, gap 16, centralizados no container de 1280 ---
   Figma: ativo #C45F43 a 100%, inativos a 40%.
   A faixa tem 1280 e começa junto ao título, então o centro dela é o centro
   do container — e não o centro da área sangrada. */
.salia-carrossel .swiper-pagination{
  position:relative !important;
  width:1280px !important; max-width:100%;
  left:0 !important; right:auto !important; bottom:auto !important;
  margin:32px 0 0 0 !important;
  display:flex; align-items:center; justify-content:center; gap:16px;
  transform:none !important;
}
.salia-carrossel .swiper-pagination-bullet{
  width:12px !important; height:12px !important;
  margin:0 !important; border-radius:999px;
  background:var(--salia-terracota) !important;
  opacity:.4 !important;
}
.salia-carrossel .swiper-pagination-bullet-active{ opacity:1 !important; }

/* em telas menores o carrossel volta a caber e as setas descem para junto dos dots */
@media (max-width:1279px){
  .salia-carrossel{ width:100% !important; }
  .salia-carrossel .elementor-swiper-button{ top:auto; bottom:-4px; }
  .salia-carrossel .elementor-swiper-button-next{ right:calc(50% - 60px); }
  .salia-carrossel .elementor-swiper-button-prev{ right:calc(50% + 20px); }
  .salia-carrossel .swiper-pagination{ margin-top:64px; }
}

/* o widget que só carrega o script não ocupa espaço */
.salia-oculto{ display:none !important; }/* End custom CSS */