/* ============================================================
   Guia SOS Plantas Medicinais — Main CSS
   ============================================================ */

:root {
  --verde-escuro: #1a4a1f;
  --verde-medio: #2d6a35;
  --verde-claro: #4a9b54;
  --verde-suave: #7ec483;
  --creme: #f5f0e8;
  --creme-escuro: #e8dfc9;
  --dourado: #b8975a;
  --dourado-claro: #d4b07a;
  --terra: #8b6f47;
  --branco: #fdfaf5;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Lato', sans-serif;
  background: var(--creme);
  color: var(--verde-escuro);
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }

/* ======================================================
   HERO
====================================================== */
.guia-hero {
  min-height: 100vh;
  background: linear-gradient(160deg, #e8f0e8 0%, #f5f0e8 40%, #d4e8d0 100%);
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.guia-hero::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(126,196,131,.25) 0%, transparent 70%);
  border-radius: 50%;
  animation: pulse-glow 6s ease-in-out infinite;
}
.guia-hero::after {
  content: '';
  position: absolute;
  bottom: -80px; left: -80px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(45,106,53,.15) 0%, transparent 70%);
  border-radius: 50%;
  animation: pulse-glow 8s ease-in-out infinite reverse;
}

@keyframes pulse-glow {
  0%,100% { transform: scale(1); opacity:.7; }
  50%      { transform: scale(1.1); opacity:1; }
}

/* floating leaves */
.guia-hero-leaves { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.guia-leaf { position:absolute; opacity:.12; animation: float-leaf 10s ease-in-out infinite; font-size:3rem; }
.guia-leaf:nth-child(1){top:10%;left:5%;animation-delay:0s;font-size:2rem;}
.guia-leaf:nth-child(2){top:20%;right:8%;animation-delay:2s;font-size:4rem;}
.guia-leaf:nth-child(3){bottom:30%;left:3%;animation-delay:4s;font-size:2.5rem;}
.guia-leaf:nth-child(4){bottom:15%;right:5%;animation-delay:1s;font-size:3.5rem;}
.guia-leaf:nth-child(5){top:50%;left:15%;animation-delay:3s;font-size:1.5rem;}
@keyframes float-leaf {
  0%,100%{transform:translateY(0) rotate(0deg);}
  33%    {transform:translateY(-20px) rotate(5deg);}
  66%    {transform:translateY(10px) rotate(-3deg);}
}

.guia-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}

/* badge topo */
.guia-badge-topo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--verde-escuro);
  color: var(--creme);
  padding: 8px 18px;
  border-radius: 50px;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: slide-in .8s ease;
}
@keyframes slide-in { from{opacity:0;transform:translateX(-30px);} to{opacity:1;transform:translateX(0);} }

.guia-hero-eyebrow {
  font-size:.85rem; color:var(--verde-claro); letter-spacing:3px;
  text-transform:uppercase; font-weight:700; margin-bottom:12px;
  animation: fade-up .8s ease .1s both;
}

.guia-hero-title {
  font-family:'Playfair Display',serif;
  font-size: clamp(2.8rem,5vw,4.2rem);
  font-weight:900; line-height:1.05;
  color:var(--verde-escuro); margin-bottom:16px;
  animation: fade-up .8s ease .2s both;
}
.guia-hero-title .sos { color:var(--verde-claro); font-style:italic; }

.guia-hero-script {
  font-family:'Dancing Script',cursive;
  font-size:clamp(1.8rem,3vw,2.6rem);
  color:var(--verde-medio);
  display:block; margin-bottom:24px;
  animation: fade-up .8s ease .3s both;
}

.guia-hero-desc {
  font-size:1.1rem; line-height:1.8; color:#3a5c3d;
  margin-bottom:36px; font-weight:300;
  animation: fade-up .8s ease .4s both;
}

.guia-hero-pills {
  display:flex; flex-wrap:wrap; gap:10px;
  margin-bottom:40px;
  animation: fade-up .8s ease .5s both;
}
.guia-pill {
  display:flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.7);
  border:1.5px solid rgba(74,155,84,.3);
  padding:8px 16px; border-radius:50px;
  font-size:.85rem; font-weight:700;
  color:var(--verde-escuro);
  backdrop-filter:blur(4px);
}

.guia-cta-group {
  display:flex; flex-direction:column; gap:16px;
  animation: fade-up .8s ease .6s both;
}

@keyframes fade-up { from{opacity:0;transform:translateY(24px);} to{opacity:1;transform:translateY(0);} }

/* book */
.guia-hero-book { display:flex; justify-content:center; align-items:center; animation:fade-up .8s ease .3s both; }
.guia-book-wrapper { position:relative; width:320px; perspective:1200px; }
.guia-book-3d {
  position:relative;
  transform:rotateY(-18deg) rotateX(4deg);
  transform-style:preserve-3d;
  transition:transform .5s ease;
  filter:drop-shadow(30px 30px 60px rgba(26,74,31,.35));
}
.guia-book-3d:hover { transform:rotateY(-8deg) rotateX(2deg); }
.guia-book-cover { width:280px; border-radius:4px 16px 16px 4px; object-fit:cover; }
.guia-book-spine {
  position:absolute; left:-28px; top:3px;
  width:28px; height:calc(100% - 6px);
  background:linear-gradient(90deg,#0f2d12,#1a4a1f);
  transform-origin:right center;
  transform:rotateY(-90deg) translateX(14px);
  border-radius:4px 0 0 4px;
  display:flex; align-items:center; justify-content:center;
}
.guia-spine-text {
  writing-mode:vertical-rl;
  color:var(--creme); font-size:.55rem;
  letter-spacing:2px; font-weight:700;
  font-family:'Playfair Display',serif;
}

.guia-badge-flutuante {
  position:absolute; top:-20px; right:-20px;
  width:90px; height:90px;
  background:linear-gradient(135deg,var(--dourado),var(--dourado-claro));
  border-radius:50%;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  box-shadow:0 6px 24px rgba(184,151,90,.5);
  animation:spin-badge 20s linear infinite;
  z-index:10;
}
@keyframes spin-badge { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
.guia-badge-flutuante-inner {
  display:flex; flex-direction:column; align-items:center;
  animation:spin-badge 20s linear infinite reverse;
}
.guia-badge-de { font-size:.5rem; color:#7a5c20; font-weight:700; text-transform:uppercase; }
.guia-badge-por{ font-size:.55rem; color:#5a3c10; font-weight:600; }
.guia-badge-valor { font-size:1.1rem; color:var(--verde-escuro); font-weight:900; font-family:'Playfair Display',serif; line-height:1; }

/* ======================================================
   BUTTONS
====================================================== */
.guia-btn {
  display:inline-flex; align-items:center; justify-content:center;
  gap:12px;
  background:linear-gradient(135deg,var(--verde-escuro) 0%,var(--verde-medio) 100%);
  color:#fff; padding:20px 40px;
  border-radius:60px; font-size:1.1rem; font-weight:700;
  letter-spacing:.5px;
  box-shadow:0 8px 32px rgba(26,74,31,.35);
  transition:all .3s ease;
  position:relative; overflow:hidden;
  cursor:pointer; border:none;
}
.guia-btn::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,var(--verde-medio),var(--verde-claro));
  opacity:0; transition:opacity .3s;
}
.guia-btn:hover::before{opacity:1;}
.guia-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(26,74,31,.45);}
.guia-btn > *{position:relative;z-index:1;}

.guia-btn-preco {
  text-align:center; font-size:.85rem; color:#5a7d5c;
}
.guia-btn-preco strong{color:var(--verde-escuro);}

.guia-btn-grande {
  display:inline-flex; align-items:center; justify-content:center;
  gap:12px;
  background:linear-gradient(135deg,#1a8c2a,#2d6a35);
  color:#fff; padding:22px 48px;
  border-radius:60px; font-size:1.2rem; font-weight:700;
  box-shadow:0 10px 40px rgba(26,74,31,.4);
  transition:all .3s;
  width:100%; max-width:480px;
  cursor:pointer; border:none;
  position:relative; overflow:hidden;
}
.guia-btn-grande::after {
  content:''; position:absolute;
  top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  animation:shimmer 2.5s infinite;
}
@keyframes shimmer{from{left:-100%;}to{left:100%;}}
.guia-btn-grande:hover{transform:translateY(-3px);box-shadow:0 16px 50px rgba(26,74,31,.5);}

/* ======================================================
   PROOF BAR
====================================================== */
.guia-proof-bar { background:var(--verde-escuro); padding:20px 24px; overflow:hidden; }
.guia-proof-track {
  display:flex; gap:60px;
  animation:scroll-track 30s linear infinite;
  white-space:nowrap;
}
@keyframes scroll-track{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.guia-proof-item {
  display:flex; align-items:center; gap:12px;
  color:var(--creme); font-size:.88rem; font-weight:600; flex-shrink:0;
}

/* ======================================================
   SHARED SECTION STYLES
====================================================== */
.guia-container { max-width:1100px; margin:0 auto; }

.guia-section-label {
  font-size:.8rem; letter-spacing:3px;
  text-transform:uppercase; color:var(--verde-claro);
  font-weight:700; margin-bottom:16px; display:block;
}

.guia-section-title {
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:900; color:var(--verde-escuro);
  line-height:1.2; margin-bottom:24px;
}

/* ======================================================
   DOR SECTION
====================================================== */
.guia-section-dor {
  padding:100px 24px;
  background:linear-gradient(180deg,var(--creme) 0%,#e8f0e6 100%);
}
.guia-dor-subtitle{font-size:1.05rem;color:#5a7060;line-height:1.8;max-width:600px;font-weight:300;}
.guia-dor-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px; margin-top:48px;
}
.guia-dor-card {
  background:#fff; border-radius:20px; padding:32px;
  border-left:4px solid var(--verde-claro);
  box-shadow:0 4px 24px rgba(26,74,31,.08);
  transition:transform .3s,box-shadow .3s;
  opacity:0; transform:translateY(30px);
}
.guia-dor-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;}
.guia-dor-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(26,74,31,.15);}
.guia-dor-icon{font-size:2rem;margin-bottom:16px;display:block;}
.guia-dor-card h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:var(--verde-escuro);margin-bottom:10px;}
.guia-dor-card p{font-size:.95rem;line-height:1.7;color:#5a7060;font-weight:300;}

/* ======================================================
   APRENDE SECTION
====================================================== */
.guia-section-aprende {
  padding:100px 24px;
  background:var(--verde-escuro);
  position:relative; overflow:hidden;
}
.guia-section-aprende::before {
  content:''; position:absolute; top:-200px; right:-200px;
  width:700px; height:700px;
  background:radial-gradient(circle,rgba(74,155,84,.12) 0%,transparent 70%);
  border-radius:50%;
}
.guia-section-aprende .guia-section-label{color:var(--verde-suave);}
.guia-section-aprende .guia-section-title{color:var(--creme);}
.guia-aprende-intro{font-size:1.05rem;color:rgba(245,240,232,.75);line-height:1.8;max-width:640px;margin-bottom:60px;font-weight:300;}
.guia-aprende-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.guia-aprende-item {
  display:flex; align-items:flex-start; gap:16px;
  padding:24px;
  background:rgba(255,255,255,.06);
  border-radius:16px;
  border:1px solid rgba(126,196,131,.2);
  transition:background .3s,border-color .3s;
  opacity:0; transform:translateY(30px);
}
.guia-aprende-item.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;}
.guia-aprende-item:hover{background:rgba(255,255,255,.1);border-color:rgba(126,196,131,.5);}
.guia-check {
  width:28px; height:28px;
  background:linear-gradient(135deg,var(--verde-claro),var(--verde-suave));
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; font-size:.75rem; color:#fff; font-weight:700; margin-top:2px;
}
.guia-aprende-item p{font-size:.95rem;color:rgba(245,240,232,.9);line-height:1.6;}
.guia-aprende-item p strong{color:var(--creme);font-weight:700;display:block;margin-bottom:4px;}

/* ======================================================
   DEPOIMENTOS
====================================================== */
.guia-section-depo {
  padding:100px 24px;
  background:linear-gradient(180deg,#e8f0e6 0%,var(--creme) 100%);
}
.guia-depo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:56px;}
.guia-depo-card{
  background:#fff;border-radius:24px;padding:36px;
  box-shadow:0 6px 32px rgba(26,74,31,.1);
  transition:transform .3s;
  opacity:0;transform:translateY(30px);
}
.guia-depo-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;}
.guia-depo-card:hover{transform:translateY(-6px);}
.guia-depo-aspas{font-family:'Playfair Display',serif;font-size:5rem;color:var(--verde-suave);opacity:.3;line-height:.8;margin-bottom:16px;}
.guia-depo-texto{font-size:1rem;line-height:1.8;color:#4a6a4d;font-style:italic;margin-bottom:24px;font-weight:300;}
.guia-depo-autor{display:flex;align-items:center;gap:12px;}
.guia-depo-avatar{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,var(--verde-claro),var(--verde-suave));
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;
}
.guia-depo-nome{font-weight:700;color:var(--verde-escuro);font-size:.95rem;}
.guia-depo-info{font-size:.8rem;color:#7a9a7d;}
.guia-depo-estrelas{color:var(--dourado);font-size:.85rem;margin-bottom:4px;}

/* ======================================================
   CTA / COMPRA
====================================================== */
.guia-section-cta {
  padding:100px 24px;
  background:linear-gradient(135deg,#e8f5e8 0%,var(--creme-escuro) 50%,#d4ebd4 100%);
  text-align:center; position:relative; overflow:hidden;
}
.guia-section-cta::before{content:'🌿';position:absolute;font-size:15rem;opacity:.04;top:-40px;left:-40px;pointer-events:none;}
.guia-section-cta::after{content:'🌱';position:absolute;font-size:12rem;opacity:.04;bottom:-20px;right:-20px;pointer-events:none;}
.guia-cta-box{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.guia-section-cta .guia-section-title{margin:0 auto 0;}
.guia-cta-desc{font-size:1.05rem;color:#5a7060;line-height:1.8;font-weight:300;margin-top:16px;}

.guia-preco-bloco {
  margin:36px 0; padding:36px;
  background:#fff; border-radius:24px;
  box-shadow:0 8px 40px rgba(26,74,31,.15);
  border:2px solid rgba(74,155,84,.2);
}
.guia-preco-de-label{font-size:.85rem;color:#999;text-decoration:line-through;margin-bottom:4px;}
.guia-preco-de-valor{font-size:1.2rem;color:#bbb;text-decoration:line-through;font-weight:600;}
.guia-preco-por-label{font-size:.85rem;color:var(--verde-claro);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-top:12px;}
.guia-preco-valor {
  font-family:'Playfair Display',serif;
  font-size:4rem;font-weight:900;color:var(--verde-escuro);line-height:1;
}
.guia-preco-cents{font-size:2rem;vertical-align:super;font-weight:700;}
.guia-preco-centavos{font-size:2rem;}
.guia-preco-parcela{font-size:.9rem;color:#7a9a7d;margin-top:8px;}

.guia-garantia-strip {
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:20px;padding:14px;
  background:linear-gradient(135deg,rgba(74,155,84,.1),rgba(126,196,131,.1));
  border-radius:12px;font-size:.88rem;color:var(--verde-medio);font-weight:600;
}

.guia-cta-center{display:flex;justify-content:center;margin-bottom:20px;}

.guia-seguranca{display:flex;justify-content:center;gap:28px;margin-top:24px;flex-wrap:wrap;}
.guia-seg-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#7a9a7d;font-weight:600;}

/* ======================================================
   GARANTIA
====================================================== */
.guia-section-garantia{padding:80px 24px;background:var(--verde-escuro);text-align:center;}
.guia-garantia-box{
  max-width:700px;margin:0 auto;
  display:flex;align-items:center;gap:40px;
  text-align:left;flex-wrap:wrap;justify-content:center;
}
.guia-garantia-icon{font-size:6rem;flex-shrink:0;}
.guia-garantia-content h2{font-family:'Playfair Display',serif;font-size:1.8rem;color:var(--creme);margin-bottom:12px;}
.guia-garantia-content p{font-size:.97rem;color:rgba(245,240,232,.75);line-height:1.8;font-weight:300;}

/* ======================================================
   FAQ
====================================================== */
.guia-section-faq{padding:100px 24px;background:var(--creme);}
.guia-faq-list{margin-top:56px;max-width:760px;display:flex;flex-direction:column;gap:12px;}
.guia-faq-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(26,74,31,.07);border:1px solid rgba(74,155,84,.15);}
.guia-faq-question{
  padding:22px 28px;font-weight:700;color:var(--verde-escuro);
  cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;
  user-select:none;transition:background .2s;
}
.guia-faq-question:hover{background:rgba(74,155,84,.05);}
.guia-faq-arrow{font-size:1.2rem;color:var(--verde-claro);transition:transform .3s;flex-shrink:0;}
.guia-faq-item.open .guia-faq-arrow{transform:rotate(180deg);}
.guia-faq-answer{
  max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;
  padding:0 28px;font-size:.96rem;color:#5a7060;line-height:1.8;font-weight:300;
}
.guia-faq-item.open .guia-faq-answer{max-height:300px;padding:0 28px 22px;}

/* ======================================================
   FOOTER
====================================================== */
.guia-footer{background:#0f2014;padding:48px 24px 24px;text-align:center;}
.guia-footer-logo{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--creme);margin-bottom:12px;}
.guia-footer-logo span{color:var(--verde-suave);}
.guia-footer p{font-size:.82rem;color:rgba(245,240,232,.45);line-height:1.8;}
.guia-footer-divider{width:60px;height:2px;background:var(--verde-claro);margin:20px auto;border-radius:2px;}

/* ======================================================
   STICKY CTA
====================================================== */
.guia-sticky{
  position:fixed;bottom:24px;right:24px;z-index:1000;
  opacity:0;transform:translateY(20px);transition:all .4s ease;pointer-events:none;
}
.guia-sticky.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.guia-sticky-btn {
  display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--verde-escuro),var(--verde-medio));
  color:#fff;padding:16px 28px;border-radius:50px;
  font-size:.9rem;font-weight:700;
  box-shadow:0 8px 32px rgba(26,74,31,.45);
  cursor:pointer;border:none;transition:transform .2s;
}
.guia-sticky-btn:hover{transform:scale(1.05);}

/* ======================================================
   RESPONSIVE
====================================================== */
@media(max-width:768px){
  .guia-hero-inner{grid-template-columns:1fr;gap:48px;text-align:center;}
  .guia-hero-book{order:-1;}
  .guia-book-wrapper{width:220px;}
  .guia-book-cover{width:200px;}
  .guia-hero-pills{justify-content:center;}
  .guia-cta-group{align-items:center;}
  .guia-garantia-box{text-align:center;}
  .guia-seguranca{gap:16px;}
  .guia-section-cta .guia-section-title{font-size:1.8rem;}
}