/* ══ BREADCRUMB (in-flow dentro do hero-txt) ══ */
.breadcrumb {
  font-family:var(--f-corpo); font-weight:400;
  font-size:10px; letter-spacing:0.2em; text-transform:uppercase;
  color:rgba(255,252,245,0.75);
  display:flex; align-items:center; gap:10px;
  margin-bottom:28px;
}
.breadcrumb a { color:rgba(255,252,245,0.75); transition:color .2s; }
.breadcrumb a:hover { color:#fff; }
.breadcrumb-sep { opacity:0.4; }

/* ══ SPLIT LAYOUT ══ */
.split-wrap { display:grid; grid-template-columns:1fr 1fr; min-height:100vh; }
.split-esquerda { position:sticky; top:0; height:100vh; overflow:hidden; }
.split-direita {
  background:var(--offwhite);
  border-left:1px solid rgba(178,123,130,0.08);
  display:flex; flex-direction:column;
  min-height:100vh; z-index:1; position:relative;
}
.split-esquerda .hero {
  width:100%; height:100%;
  display:flex !important; align-items:flex-end !important;
  justify-content:flex-start !important; overflow:hidden;
}
.split-esquerda .hero-txt { margin-top:auto; }
.split-direita .caminho-tabs-wrap { border-top:none; padding-top:63px; flex:1; }
.split-direita .caminho-tabs-inner { max-width:none; padding:0 56px; }
.split-direita .tabs-paineis { padding:0; }
.split-direita .tab-painel { padding:40px 0 56px; }
.split-direita .intencao { max-width:none; }

/* ══ HERO DO CAMINHO ══ */
.hero-vis { position:absolute; inset:0; z-index:0; }
.hero-vis-bg {
  position:absolute; inset:0;
  background:center/cover no-repeat;
}
.hero-vis-bg::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(20,35,25,0.75) 0%,rgba(20,35,25,0.2) 60%);
}
.hero-txt {
  position:relative; z-index:2;
  padding:48px 64px 56px;
}
.hero-linha {
  font-family:var(--f-corpo); font-weight:400;
  font-size:10px; letter-spacing:0.4em; text-transform:uppercase;
  color:rgba(255,252,245,0.7); margin-bottom:14px;
  opacity:0; animation:fadeUp .8s .1s ease forwards;
}
.caminho-nome {
  font-family:var(--f-titulo); font-weight:400;
  font-size:clamp(56px,8vw,110px); line-height:0.95;
  letter-spacing:0.02em; color:#FAFAF8;
  margin-bottom:28px;
  opacity:0; animation:fadeUp 1s .25s ease forwards;
}
.estado-bloco {
  margin-bottom:24px;
  opacity:0; animation:fadeUp .8s .4s ease forwards;
}
.estado-label {
  font-family:var(--f-corpo); font-weight:400;
  font-size:9px; letter-spacing:0.35em; text-transform:uppercase;
  color:rgba(255,252,245,0.5); margin-bottom:6px;
}
.estado-valor {
  font-family:var(--f-corpo); font-weight:400;
  font-size:11px; letter-spacing:0.22em; text-transform:uppercase;
  color:rgba(255,252,245,0.85);
}
.caminho-frase {
  font-family:var(--f-poetico); font-size:20px;
  color:rgba(255,252,245,0.75); font-style:italic;
  margin-bottom:20px; line-height:1.4;
  opacity:0; animation:fadeUp .8s .55s ease forwards;
}
.caminho-desc {
  font-family:var(--f-corpo); font-weight:300;
  font-size:14px; line-height:1.9;
  color:rgba(255,252,245,0.65); max-width:480px; margin-bottom:36px;
  opacity:0; animation:fadeUp .8s .7s ease forwards;
}

/* ══ TABS / ACORDEÃO ══ */
.caminho-tabs-wrap {
  background:transparent;
  border-bottom:1px solid rgba(178,123,130,0.15);
  margin-top:0;
}
.caminho-tabs-inner { max-width:1200px; margin:0 auto; padding:0 64px; }
.tabs-nav {
  display:flex;
  border-bottom:1px solid rgba(178,123,130,0.18);
  position:relative;
}
.tab-btn {
  flex:1; background:none; border:none; cursor:pointer;
  padding:28px 16px 24px;
  font-family:var(--f-corpo); font-weight:400;
  font-size:13px; letter-spacing:0.04em; text-transform:none;
  color:var(--muted);
  transition:color .3s;
  position:relative; text-align:center;
}
.tab-btn:hover { color:var(--vinho); }
.tab-btn.ativa { color:var(--vinho); }
.tab-btn.ativa::after {
  content:''; position:absolute; bottom:-1px; left:0; right:0;
  height:2px; background:var(--vinho);
}
.tabs-paineis { padding:72px 0 80px; }
.tab-painel { display:none; }
.tab-painel.ativo { display:block; }
.acord-header { display:none; }

/* ══ ESSÊNCIA / INTENÇÃO ══ */
.intencao { max-width:760px; margin:0 auto; padding:0; }
.int-p {
  font-family:var(--f-poetico); font-size:19px;
  color:var(--text); line-height:1.6; margin-bottom:28px; opacity:0.8;
}
/* Parágrafos gerados pelo editor WP dentro da aba Essência */
.intencao-content p {
  font-family:var(--f-corpo); font-weight:300;
  font-size:15px; line-height:1.95; color:var(--text);
  opacity:0.7; margin-bottom:18px;
}

/* ══ BOTANICA GRID (aba Saber) ══ */
.botanica-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:20px; padding:56px 0 72px;
}
.bot-card {
  background:#fff;
  border:1px solid rgba(178,123,130,0.14);
  border-radius:2px;
  padding:28px 24px 32px;
  display:flex; flex-direction:column; gap:6px;
  transition:box-shadow .3s,border-color .3s;
}
.bot-card:hover {
  border-color:rgba(178,123,130,0.32);
  box-shadow:0 4px 20px rgba(74,3,1,0.06);
}
/* Barra de cor do caminho no topo do card */
.bot-card { border-top:3px solid var(--cam); }
.bot-tipo {
  font-family:var(--f-corpo); font-weight:400;
  font-size:9px; letter-spacing:0.28em; text-transform:uppercase;
  color:var(--rosado); margin-bottom:4px;
}
.bot-nome {
  font-family:var(--f-titulo); font-weight:400;
  font-size:15px; letter-spacing:0.04em;
  color:var(--vinho); line-height:1.3;
}
.bot-cientifico {
  font-family:var(--f-corpo); font-style:italic; font-weight:300;
  font-size:11px; color:var(--muted);
  border-bottom:1px solid rgba(178,123,130,0.12);
  padding-bottom:12px; margin-bottom:4px;
}
.bot-saber {
  font-family:var(--f-corpo); font-weight:300;
  font-size:13px; line-height:1.7; color:var(--text);
}

/* ══ CRIAÇÕES DO CAMINHO ══ */
.criacoes { background:var(--offwhite); padding:96px 64px; }
.cr-in { max-width:1200px; margin:0 auto; }
.cr-hd { margin-bottom:56px; }
.cr-lbl {
  font-family:var(--f-corpo); font-weight:400;
  font-size:10px; letter-spacing:0.38em; text-transform:uppercase;
  color:var(--rosado); margin-bottom:12px;
}
.cr-tit {
  font-family:var(--f-titulo); font-weight:400;
  font-size:clamp(28px,3vw,42px); color:var(--vinho);
  line-height:1.1; letter-spacing:0.03em;
}
.cr-bloco { margin-bottom:64px; }

/* Grid de produtos do caminho: 4 colunas */
.criacoes .cr-grid {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:20px;
}

/* Card de produto individual */
.ec {
  display:flex; flex-direction:column; cursor:pointer;
  transition:transform .3s,box-shadow .3s;
  text-decoration:none; color:inherit;
}
.ec:hover { transform:translateY(-5px); box-shadow:0 16px 48px rgba(74,3,1,0.1); }
.ec-img { width:100%; aspect-ratio:1; overflow:hidden; }
.ec-bg {
  width:100%; height:100%;
  background:var(--cam);
  display:flex; align-items:center; justify-content:center;
}
.ec-nom {
  font-family:var(--f-titulo); font-weight:400;
  font-size:15px; color:var(--vinho);
  padding:16px 4px 6px; line-height:1.2;
}
.ec-ingr {
  font-family:var(--f-corpo); font-weight:300;
  font-size:11px; color:var(--muted);
  padding:0 4px; line-height:1.6; flex:1;
}
.ec-prc {
  font-family:var(--f-corpo); font-weight:300;
  font-size:11px; letter-spacing:0.2em;
  color:var(--muted); padding:12px 4px 4px; display:block;
}
.ec-nota {
  font-family:var(--f-corpo); font-weight:300;
  font-size:10px; letter-spacing:0.05em;
  color:var(--muted); line-height:1.7;
  padding:10px 4px 0;
  border-top:1px solid rgba(178,123,130,0.15);
  margin-top:8px;
}
.vol-sel { display:flex; gap:8px; padding:10px 4px 0; }
.vol-btn {
  font-family:var(--f-corpo); font-weight:400;
  font-size:10px; letter-spacing:0.15em;
  padding:6px 14px; border:1px solid rgba(178,123,130,0.35);
  background:transparent; cursor:pointer; color:var(--muted);
  transition:all .2s;
}
.vol-btn.active,.vol-btn:hover {
  background:var(--vinho); color:#FAFAF8; border-color:var(--vinho);
}

/* Set cards */
.sets-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.ec-set {
  display:flex; cursor:pointer;
  transition:transform .3s;
  border:1px solid rgba(178,123,130,0.15);
  text-decoration:none; color:inherit;
}
.ec-set:hover { transform:translateY(-3px); }
.ec-set-img {
  width:140px; flex-shrink:0;
  background:var(--cam);
  display:flex; align-items:center; justify-content:center;
  min-height:160px;
}
.ec-set-info {
  padding:22px;
  display:flex; flex-direction:column; justify-content:space-between;
}
.ec-set-lbl {
  font-family:var(--f-corpo); font-weight:400;
  font-size:9px; letter-spacing:0.28em; text-transform:uppercase;
  color:var(--rosado); margin-bottom:8px;
}
.ec-set-nom {
  font-family:var(--f-titulo); font-weight:400;
  font-size:16px; color:var(--vinho);
  margin-bottom:8px; line-height:1.2;
}
.ec-set-ingr {
  font-family:var(--f-corpo); font-weight:300;
  font-size:12px; color:var(--muted);
  line-height:1.6; flex:1;
}
.ec-set-prc {
  font-family:var(--f-corpo); font-weight:300;
  font-size:11px; letter-spacing:0.2em;
  color:var(--muted); display:block; padding-top:12px;
}

/* Paleta de fundo para os cards de produto */
.bg1 { background:#DDC5C9; }
.bg2 { background:#E0E2CC; }
.bg3 { background:#CBCEAF; }
.bg4 { background:#FFF5E1; }
.bg5 { background:#B27B82; }
.bg6 { background:#DDC5C9; }
.bg7 { background:#E0E2CC; }

/* Separador decorativo */
.sep-decorativo {
  display:flex; align-items:center; justify-content:center;
  gap:16px; padding:32px 0;
}
.sep-linha { flex:1; max-width:120px; height:1px; background:var(--cam); opacity:0.6; }
.sep-simbolo { font-size:12px; color:var(--cam); opacity:0.8; letter-spacing:0.3em; }

/* ══ TABLET ≤1023px ══ */
@media(max-width:1023px) {
  .split-wrap { display:block; }
  .split-esquerda { position:relative; height:auto; }
  .split-direita { min-height:auto; border-left:none; }
  .split-direita .caminho-tabs-wrap { padding-top:0; }
  .split-esquerda .hero { min-height:85vh; height:auto; }
  .hero-txt { padding:40px 32px 48px; }
  .caminho-tabs-inner { padding:0 32px; }
  .split-direita .caminho-tabs-inner { padding:0 32px; }
  .split-direita .tabs-paineis { padding:72px 0 80px; }
  .split-direita .tab-painel { padding:0; }
  .intencao { padding:0; }
  .botanica-grid { grid-template-columns:repeat(2,1fr); }
  .criacoes { padding:72px 32px; }
  .criacoes .cr-grid { grid-template-columns:repeat(2,1fr); }
  .sets-grid { grid-template-columns:1fr; }
}

/* ══ MOBILE ACORDEÃO ≤767px ══ */
@media(max-width:767px) {
  .caminho-tabs-inner { padding:0 20px; }
  .tabs-nav { display:none; }
  .tabs-paineis { padding:0; }
  .tab-painel { display:block !important; }

  .acord-header {
    display:flex; align-items:center; justify-content:space-between;
    padding:22px 0; cursor:pointer;
    font-family:var(--f-corpo); font-weight:400;
    font-size:15px; letter-spacing:0.04em; text-transform:none;
    color:var(--text); user-select:none;
    border-bottom:1px solid rgba(178,123,130,0.15);
  }
  .acord-header.ativa { color:var(--vinho); border-bottom-color:transparent; }
  .acord-icone {
    font-size:18px; line-height:1; color:var(--rosado);
    transition:transform .3s; flex-shrink:0;
  }
  .acord-header.ativa .acord-icone { transform:rotate(45deg); }
  .acord-body { display:none; padding:0 0 28px; border-bottom:1px solid rgba(178,123,130,0.15); }
  .acord-body.aberto { display:block; }
  .botanica-grid { grid-template-columns:repeat(2,1fr); gap:12px; padding:24px 0 32px; }
  .bot-card { padding:20px 16px 24px; }
  .bot-nome { font-size:13px; }
  .bot-saber { font-size:12px; }
}

/* Acord-body sempre visível no desktop */
@media(min-width:768px) {
  .acord-body { display:block !important; }
}

@media(min-width:1024px) {
  .split-direita .caminho-tabs-wrap { padding-top:90px; display:flex; flex-direction:column; }
  .split-direita .caminho-tabs-inner { flex:1; display:flex; flex-direction:column; }
  .split-direita .tabs-paineis { flex:1; display:flex; flex-direction:column; }
  #painel-essencia.ativo { flex:1; display:flex; flex-direction:column; justify-content:center; }
}

/* ══ MOBILE ≤599px ══ */
@media(max-width:599px) {
  .split-esquerda .hero { min-height:80vh; }
  .hero-txt { padding:32px 20px 44px; }
  .caminho-nome { font-size:clamp(48px,13vw,72px); }
  .botanica-grid { grid-template-columns:1fr; }
  .criacoes { padding:56px 20px; }
  /* Carrossel produtos do caminho */
  .criacoes .cr-grid {
    display:flex;overflow-x:auto;
    scroll-snap-type:x mandatory;scroll-padding-left:20px;
    -webkit-overflow-scrolling:touch;
    gap:12px;padding:0 20px 16px;scrollbar-width:none;
    grid-template-columns:unset;
  }
  .criacoes .cr-grid::-webkit-scrollbar{display:none;}
  .criacoes .cr-grid .ec{flex:0 0 64vw;max-width:240px;scroll-snap-align:start;}
  .criacoes .cr-grid::after{content:'';flex:0 0 20px;display:block;}
  /* Carrossel sets */
  .sets-grid{
    display:flex;overflow-x:auto;
    scroll-snap-type:x mandatory;scroll-padding-left:20px;
    -webkit-overflow-scrolling:touch;
    gap:12px;padding:0 20px 16px;scrollbar-width:none;
    grid-template-columns:unset;
  }
  .sets-grid::-webkit-scrollbar{display:none;}
  .sets-grid .ec-set{flex:0 0 80vw;max-width:300px;scroll-snap-align:start;}
  .sets-grid::after{content:'';flex:0 0 20px;display:block;}
}