/* ══ EXTRA REVEAL DELAYS (main.css só define 1–4) ══ */
.reveal-delay-5{transition-delay:.5s;}
.reveal-delay-6{transition-delay:.6s;}
.reveal-delay-7{transition-delay:.7s;}
.reveal-delay-8{transition-delay:.8s;}

/* ══ HERO ══ */
.caminhos-hero{
  position:relative;min-height:72vh;
  display:flex;align-items:flex-end;overflow:hidden;
}
.caminhos-hero-bg{
  position:absolute;inset:0;
  background:url('images/caminhos-hero.png') center/cover no-repeat;
  background-color:var(--verde-escuro);
}
.caminhos-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:rgba(20,35,25,0.45);
}
.caminhos-hero-content{
  position:relative;z-index:2;
  padding:80px 64px 100px;max-width:760px;
}
.caminhos-hero-eyebrow{
  font-family:var(--f-corpo);font-weight:400;
  font-size:10px;letter-spacing:0.42em;text-transform:uppercase;
  color:rgba(255,252,245,0.6);margin-bottom:20px;
  opacity:0;animation:fadeUp .9s .1s ease forwards;
}
.caminhos-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;
}
.caminhos-hero-sub{
  font-family:var(--f-corpo);font-weight:300;
  font-size:14px;line-height:1.9;
  color:rgba(255,252,245,0.65);max-width:500px;
  opacity:0;animation:fadeUp .8s .5s ease forwards;
}

/* ══ SEÇÃO GRID ══ */
.caminhos-arch-section{
  padding:72px 64px 80px;
  background:var(--offwhite);
}
.cam-arch-intro{
  text-align:center;margin-bottom:48px;
  font-family:var(--f-poetico);font-size:20px;
  color:var(--muted);line-height:1.5;
}
.carrossel-hint{display:none;}

.caminhos-arch-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:1fr;
  gap:12px;
  max-width:1360px;margin:0 auto;
  align-items:stretch;
}
/* Alias para page-caminhos.php */
.caminhos-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  max-width:1360px;margin:0 auto;
  align-items:start;
}

/* ══ CARD ══ */
.cam-card{
  display:flex;flex-direction:column;
  transition:transform .3s,box-shadow .3s;
  cursor:pointer;position:relative;overflow:hidden;
  text-decoration:none;color:inherit;
}
.cam-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(74,3,1,0.1);}
.cam-card::after{
  content:'';
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:currentColor;opacity:0.35;
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s ease;
}
.cam-card:hover::after{transform:scaleX(1);}

.cam-foto{
  width:100%;height:160px;overflow:hidden;
  position:relative;flex-shrink:0;
}
.cam-foto-img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease;display:block;
}
.cam-card:hover .cam-foto-img{transform:scale(1.04);}

.cam-foto-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(20,35,25,0.72) 0%,transparent 55%);
  display:flex;align-items:flex-end;
}
.cam-foto-overlay-frase{
  font-family:var(--f-poetico);font-size:19px;
  color:rgba(255,252,245,0.92);padding:14px 16px;line-height:1.4;
}
.cam-frase{display:none;}

.cam-conteudo{
  padding:16px 20px 20px;
  display:flex;flex-direction:column;flex:1;height:100%;
}
.cam-body{flex:1;}

/* Overrides sobre main.css — .cam-nome e .cam-estado já existem para o contexto de lista */
.cam-card .cam-nome{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(20px,1.8vw,26px);letter-spacing:0.04em;
  line-height:1;margin-bottom:8px;
  color:inherit;flex-shrink:unset;transition:none;
}
.cam-card .cam-estado{
  font-family:var(--f-corpo);font-weight:400;
  font-size:11px;letter-spacing:0.22em;text-transform:uppercase;
  color:inherit;opacity:0.8;margin-bottom:10px;line-height:1.5;
  transition:none;
}
.cam-ingredientes{
  font-family:var(--f-corpo);font-weight:300;
  font-size:11px;letter-spacing:0.08em;
  color:inherit;opacity:0.6;line-height:1.7;margin-bottom:4px;
}
.cam-cristal{
  font-family:var(--f-corpo);font-weight:300;
  font-size:11px;letter-spacing:0.08em;font-style:italic;
  color:inherit;opacity:0.5;margin-bottom:12px;
}

/* ══ CORES POR CAMINHO ══ */
.c-raiz      {background:#4A0301;color:#FAFAF8;}
.c-bruma     {background:#B27B82;color:#FAFAF8;}
.c-florescer {background:#DDC5C9;color:#4A0301;}
.c-semente   {background:#CBCEAF;color:#3a2820;}
.c-protecao  {background:#E0E2CC;color:#3a2820;}
.c-petala    {background:#DDC5C9;color:#4A0301;}
.c-sagrado   {background:#FFF5E1;color:#3a2820;}
.c-nectar    {background:#9E4D25;color:#FAFAF8;}

.c-raiz .cam-ingredientes,.c-raiz .cam-cristal,
.c-nectar .cam-ingredientes,.c-nectar .cam-cristal,
.c-bruma .cam-ingredientes,.c-bruma .cam-cristal{opacity:0.75;}

/* ══ TABLET ≤1023px ══ */
@media(max-width:1023px){
  .caminhos-hero-content{padding:60px 32px 80px;}
  .caminhos-arch-section{padding:56px 32px 64px;}
  .caminhos-arch-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
}

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

  .caminhos-arch-section{padding:40px 0 56px;}
  .cam-arch-intro{padding:0 20px 32px;font-size:17px;margin-bottom:0;}

  .caminhos-arch-grid{
    display:grid;
    grid-template-columns:none;
    grid-template-rows:72vw 72vw;
    grid-auto-flow:column;
    grid-auto-columns:72vw;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:20px;
    -webkit-overflow-scrolling:touch;
    gap:10px;padding:0 20px 24px;
    scrollbar-width:none;-ms-overflow-style:none;
    max-width:unset;margin:0;
  }
  .caminhos-arch-grid::-webkit-scrollbar{display:none;}

  .cam-card{
    scroll-snap-align:none;max-width:none;
    overflow:hidden;min-height:0;
  }
  .cam-card:nth-child(odd){scroll-snap-align:start;}
  .cam-foto{height:42%;flex-shrink:0;}
  .cam-foto-overlay-frase{font-size:20px;}
  .cam-conteudo{padding:12px 14px 14px;flex:0 0 auto;}
  .cam-body{flex:0 0 auto;}
  .cam-card .cam-nome{font-size:17px;margin-bottom:5px;}
  .cam-card .cam-estado{font-size:10px;margin-bottom:6px;}
  .cam-ingredientes{font-size:10px;margin-bottom:2px;}
  .cam-cristal{font-size:10px;margin-bottom:0;}
  /* Carrossel para .caminhos-grid (page-caminhos.php) */
  .caminhos-section{padding:40px 0 56px;}
  .caminhos-grid{
    display:flex;overflow-x:auto;
    scroll-snap-type:x mandatory;scroll-padding-left:20px;
    -webkit-overflow-scrolling:touch;
    gap:14px;padding:0 20px 24px;scrollbar-width:none;
    grid-template-columns:unset;
  }
  .caminhos-grid::-webkit-scrollbar{display:none;}
  .caminhos-grid .cam-card{flex:0 0 70vw;scroll-snap-align:start;height:auto;}
  .caminhos-grid::after{content:'';flex:0 0 20px;display:block;}

  .carrossel-hint{
    display:flex;align-items:center;justify-content:center;
    gap:8px;padding:0 20px 8px;
    font-family:var(--f-corpo);
    font-size:10px;letter-spacing:0.2em;text-transform:uppercase;
    color:var(--muted);opacity:0.6;
  }
  .carrossel-hint svg{
    width:16px;height:16px;stroke:currentColor;fill:none;
    animation:swipe-hint 1.8s ease-in-out infinite;
  }
  @keyframes swipe-hint{
    0%,100%{transform:translateX(0);}
    50%{transform:translateX(5px);}
  }
}