/* ══════════════════════════════════════════════════════════════
   Guia de escolha — CSS condicional (enqueue: page-guia-de-escolha.php)
   Estrutura dos blocos virá nos commits 2-5.
   ══════════════════════════════════════════════════════════════ */

/* ══ HERO (Commit 2) — clone das configs da .caminhos-hero com prefixo .ge- ══ */
.ge-hero{
  position:relative;min-height:72vh;
  display:flex;align-items:flex-end;overflow:hidden;
}
.ge-hero-bg{
  position:absolute;inset:0;
  background:url('images/ge-hero.jpg') center/cover no-repeat;
  background-color:var(--verde-escuro);
}
.ge-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:rgba(20,35,25,0.45);  /* overlay de hero — decorativo, fora da paleta intencionalmente */
}
.ge-hero-content{
  position:relative;z-index:2;
  padding:80px 64px 100px;max-width:760px;
}
.ge-hero-eyebrow{
  font-family:var(--f-corpo);font-weight:400;
  font-size:10px;letter-spacing:0.42em;text-transform:uppercase;
  color:rgba(255,253,230,0.6);margin-bottom:20px;  /* rgba de creme #FFFDE6 */
  opacity:0;animation:fadeUp .9s .1s ease forwards;
}
.ge-hero-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(36px,5vw,68px);line-height:1.05;
  letter-spacing:0.03em;color:#FAFAF8;margin-bottom:20px;
  opacity:0;animation:fadeUp 1s .3s ease forwards;
}
.ge-hero-sub{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo);line-height:1.65;
  color:rgba(255,253,230,0.65);max-width:500px;  /* rgba de creme #FFFDE6 */
  opacity:0;animation:fadeUp .8s .5s ease forwards;
}

/* ══ TABLET ≤1023px ══ */
@media(max-width:1023px){
  .ge-hero-content{padding:60px 32px 80px;}
}

/* ══ MOBILE ≤599px ══ */
@media(max-width:599px){
  .ge-hero-content{padding:50px 20px 70px;}
  .ge-hero-titulo{font-size:clamp(30px,9vw,44px);}
}

/* ══ BLOCO 2 — O QUE VOCÊ BUSCA AGORA (Commit 3) ══ */
.ge-busca{
  background:var(--offwhite);
  padding:var(--sp-secao-lg) 48px;
}
.ge-busca-inner{
  max-width:1280px;margin:0 auto;
}
.ge-busca-head{
  text-align:center;margin-bottom:48px;
}
.ge-busca-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(28px,2.8vw,40px);
  color:var(--vinho);line-height:1.2;
}
.ge-busca-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.ge-bcard{
  display:flex;flex-direction:row;align-items:stretch;
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.14);
  overflow:hidden;
  transition:transform .35s,box-shadow .35s;
}
.ge-bcard:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px -18px rgba(96,49,56,0.4);
}
.ge-bcard-img{
  flex:0 0 42%;align-self:stretch;
  position:relative;overflow:hidden;
  background:var(--c-florescer);
  min-height:148px;
}
.ge-bcard-foto{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
}
/* object-position por caminho — Bruma é 4:5 vertical (ver nota em main.css). */
.ge-bcard--bruma .ge-bcard-foto{object-position:center 70%;}
.ge-bcard-estados{
  flex:1;
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:18px 18px;
  list-style:none;
}
.ge-bcard-estado{
  font-family:var(--f-titulo);font-weight:400;
  font-size:15px;line-height:1.35;color:var(--vinho);
  position:relative;padding-left:14px;
}
.ge-bcard-estado::before{
  content:'·';
  position:absolute;left:2px;top:-2px;
  color:var(--rosado);font-size:18px;line-height:1;
}

/* ══ BLOCO 2 — TABLET ≤1023px ══ */
@media(max-width:1023px){
  .ge-busca{padding:80px 32px;}
  .ge-busca-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
}

/* ══ BLOCO 2 — MOBILE ≤599px ══ */
@media(max-width:599px){
  .ge-busca{padding:var(--sp-secao-md) 20px;}
  .ge-busca-head{margin-bottom:32px;}
  .ge-busca-grid{grid-template-columns:1fr;gap:14px;}
  .ge-bcard-img{flex:0 0 38%;}
  .ge-bcard-estado{font-size:14px;}
}

/* ══ BLOCO 3 — COMO VOCÊ QUER VIVER A EXPERIÊNCIA (Commit 4) ══
   Cards HORIZONTAIS reaproveitando .ge-bcard do bloco 2 (Correção B).
   Right side trocado: h3 + sub no lugar dos 3 estados.
   8º card reaproveita classes .cbf-* da Loja (markup) mas redefine CSS
   adaptado pro slot horizontal — criacoes.css NÃO carrega aqui. */
.ge-exp{
  background:var(--offwhite);
  padding:var(--sp-secao-lg) 48px;
  border-top:1px solid rgba(196,155,162,0.14);
}
.ge-exp-inner{
  max-width:1280px;margin:0 auto;
}
.ge-exp-head{
  text-align:center;margin-bottom:48px;
}
.ge-exp-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(28px,2.8vw,40px);
  color:var(--vinho);line-height:1.2;
}
.ge-exp-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}

/* slot da foto-esquerda dos 7 tipos: foto real + cor --ge-tone como fallback */
.ge-bcard-img--tone{
  background:var(--ge-tone, var(--c-florescer));
}

/* right side dos 7 tipos: título + sub */
.ge-ecard-body{
  flex:1;
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:18px 18px;
}
.ge-ecard-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:17px;line-height:1.2;color:var(--vinho);
}
.ge-ecard-sub{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);line-height:1.5;
  color:#7C723E;  /* tom auxiliar — não é cor de caminho */
  opacity:0.9;
}

/* 8º card — fechamento estilo .cb-fim (criacoes.css) adaptado pra HORIZONTAL */
.ge-bcard-img--fim{
  background:linear-gradient(rgba(229,207,210,0.18),rgba(229,207,210,0.18)),var(--offwhite); /* rgba de --c-florescer #E5CFD2 — véu mínimo */
}
.ge-bcard-img--fim .cbf-flor{
  position:absolute;inset:0;margin:auto;
  width:60%;height:auto;opacity:0.42;
  pointer-events:none;
}
.ge-ecard-body--fim{
  align-items:flex-start;
  gap:12px;
  padding:22px 20px;
}
.cbf-frase{
  font-family:var(--f-poetico);font-size:17px;line-height:1.5;
  color:var(--vinho);max-width:24ch;
}
.cbf-cta{
  font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--vinho);display:inline-flex;align-items:center;gap:8px;
  border-bottom:1px solid rgba(196,155,162,0.4); /* rgba de --rosado #C49BA2 */
  padding-bottom:3px;
}
.cbf-cta .seta{transition:transform .25s;}
.ge-bcard--fim:hover .cbf-cta .seta{transform:translateX(4px);}

/* ══ BLOCO 3 — TABLET ≤1023px ══ */
@media(max-width:1023px){
  .ge-exp{padding:80px 32px;}
  .ge-exp-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
}

/* ══ BLOCO 3 — MOBILE ≤599px ══ */
@media(max-width:599px){
  .ge-exp{padding:var(--sp-secao-md) 20px;}
  .ge-exp-head{margin-bottom:32px;}
  .ge-exp-grid{grid-template-columns:1fr;gap:14px;}
  .ge-bcard-img--tone{min-height:140px;}
  .cbf-frase{font-size:16px;max-width:none;}
}