/* ============================================================
   TERAPPOIO — Estilos de páginas internas
   ============================================================ */

/* ---------- Cabeçalho de página ---------- */
.page-hero{
  padding-block:clamp(48px,6vw,84px) clamp(48px,6vw,80px);
  background:
    radial-gradient(800px 500px at 85% -10%,var(--teal-100),transparent 60%),
    radial-gradient(600px 400px at 0% 120%,var(--sage-100),transparent 60%),
    var(--cream);
  overflow:hidden;position:relative;
}
.page-hero .wrap{position:relative;z-index:1;}
.page-hero-blob{position:absolute;top:-10%;right:-5%;width:min(40vw,460px);opacity:.06;z-index:0;}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,64px);align-items:center;}
.page-hero h1{margin-bottom:.35em;}
.breadcrumb{font-size:.86rem;color:var(--ink-soft);margin-bottom:18px;display:flex;gap:8px;align-items:center;}
.breadcrumb a{color:var(--teal-600);font-weight:600;}
.breadcrumb span{opacity:.5;}
@media(max-width:900px){.page-hero-grid{grid-template-columns:1fr;}.page-hero-media{max-width:460px;}}

/* ---------- Blocos alternados de conteúdo ---------- */
.feature-row{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;
}
.feature-row.reverse .feature-row-media{order:2;}
@media(max-width:900px){
  .feature-row{grid-template-columns:1fr;}
  .feature-row.reverse .feature-row-media{order:0;}
  .feature-row-media{max-width:520px;}
}
.feature-row-media{position:relative;}
.feature-row-media .badge-num{
  position:absolute;top:-18px;left:-18px;width:62px;height:62px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--serif);font-size:1.6rem;color:#fff;
  background:radial-gradient(circle at 34% 30%,var(--gold-400),var(--gold-600));
  box-shadow:var(--shadow-md);
}

/* lista com emoji-bolha */
.icon-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:18px;}
.icon-list li{display:flex;gap:15px;align-items:flex-start;}
.icon-list .ic{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:var(--teal-100);color:var(--teal-700);
}
.icon-list .ic svg{width:21px;height:21px;}
.icon-list .ic.sage{background:var(--sage-100);color:var(--sage-600);}
.icon-list .ic.gold{background:var(--gold-100);color:var(--gold-600);}
.icon-list strong{color:var(--teal-900);}
.icon-list p{margin:2px 0 0;font-size:.96rem;color:var(--ink-soft);}

/* ---------- "Pra quem é" ---------- */
.forwho-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.forwho-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.forwho-grid{grid-template-columns:1fr;}}
.forwho{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:26px;}
.forwho .bubble-ico{width:46px;height:46px;margin-bottom:14px;}
.forwho .bubble-ico svg{width:22px;height:22px;}
.forwho p{margin:0;font-size:.98rem;color:var(--ink-soft);}
.forwho strong{color:var(--teal-900);display:block;margin-bottom:4px;}

/* ---------- PROFISSIONAIS ---------- */
.prof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media(max-width:980px){.prof-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.prof-grid{grid-template-columns:1fr;}}
.prof{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  transition:transform .3s,box-shadow .3s;
}
.prof:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.prof-photo{aspect-ratio:1;background:var(--sand);position:relative;}
.prof-photo .crp{
  position:absolute;bottom:10px;left:10px;font-size:.72rem;font-weight:700;
  background:rgba(18,56,66,.82);color:#fff;padding:.3em .7em;border-radius:100px;backdrop-filter:blur(4px);
}
.prof-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.prof-body h3{font-size:1.25rem;margin-bottom:2px;}
.prof-role{color:var(--teal-600);font-weight:700;font-size:.86rem;margin-bottom:12px;}
.prof-spec{font-size:.92rem;color:var(--ink-soft);margin:0 0 14px;flex:1;}
.prof-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.prof-tags span{font-size:.74rem;font-weight:600;background:var(--sage-100);color:var(--sage-600);padding:.3em .7em;border-radius:100px;}
.prof-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--line);}
.prof-approach-label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1px;}
.prof-approach{display:block;font-family:var(--serif);font-style:italic;font-size:1.08rem;color:var(--teal-700);}
.prof-link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.88rem;color:var(--teal-700);white-space:nowrap;transition:gap .25s,color .2s;}
.prof-link svg{width:1em;height:1em;}
.prof-link:hover{gap:.65em;color:var(--gold-600);}

/* ---------- SOU PSICÓLOGO ---------- */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step;}
@media(max-width:820px){.steps-grid{grid-template-columns:1fr;}}
.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;position:relative;}
.step-num{
  font-family:var(--serif);font-size:1.4rem;color:#fff;width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;margin-bottom:18px;
  background:radial-gradient(circle at 34% 30%,var(--teal-400),var(--teal-700));
}
.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media(max-width:700px){.benefits{grid-template-columns:1fr;}}
.benefit{display:flex;gap:16px;align-items:flex-start;}
.benefit h4{font-size:1.34rem;margin-bottom:7px;line-height:1.2;}
.benefit p{font-size:1rem;}

/* ---------- CONTATOS EMERGENCIAIS ---------- */
.alert-band{
  background:linear-gradient(135deg,var(--gold-100),#fbf3df);
  border:1px solid var(--gold-400);border-radius:var(--r-lg);
  padding:28px 32px;display:flex;gap:20px;align-items:flex-start;
}
.alert-band .bubble-ico{background:radial-gradient(circle at 34% 30%,var(--gold-400),var(--gold-600));}
.alert-band h3{color:var(--gold-600);margin-bottom:6px;}
.alert-band p{margin:0;color:var(--ink);}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;}}
.contact-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;
  display:flex;flex-direction:column;gap:6px;
}
.contact-card .flag{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-600);}
.contact-card h3{font-size:1.3rem;}
.contact-card .num{font-family:var(--serif);font-size:1.9rem;color:var(--teal-800);margin:4px 0;}
.contact-card p{margin:0;font-size:.94rem;color:var(--ink-soft);}
.contact-card .num a{color:inherit;}

/* CTA band reutilizável */
.cta-band{
  background:linear-gradient(155deg,var(--teal-700),var(--teal-900));
  border-radius:var(--r-xl);padding:clamp(40px,6vw,72px);text-align:center;
  color:#fff;position:relative;overflow:hidden;
}
.cta-band h2{color:#fff;}
.cta-band .lead{color:rgba(255,255,255,.82);}
.cta-band .bubbles-deco span{opacity:.16;}

/* ---------- GANHA × ESTÁ EM JOGO ---------- */
.ganho-perda{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
@media(max-width:820px){.ganho-perda{grid-template-columns:1fr;}}
.gp-card{border-radius:var(--r-lg);padding:32px 30px;border:1px solid var(--line);}
.gp-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px;}
.gp-card li{position:relative;padding-left:30px;font-size:1rem;line-height:1.5;}
.gp-tag{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:.96rem;letter-spacing:-.01em;}
.gp-tag svg{width:1.2em;height:1.2em;}
.gp-gain{background:linear-gradient(165deg,var(--sage-100),var(--paper));}
.gp-gain .gp-tag{color:var(--teal-700);}
.gp-gain li{color:var(--ink);}
.gp-gain li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--teal-100);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a5560' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-size:12px;background-repeat:no-repeat;background-position:center;}
.gp-risk{background:linear-gradient(165deg,#f6ede0,var(--paper));border-color:var(--gold-400);}
.gp-risk .gp-tag{color:var(--gold-600);}
.gp-risk li{color:var(--ink-soft);}
.gp-risk li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;
  border:2px solid var(--gold-400);background:transparent;}
