/* =====================================================================
   consultorias.css · Dr. Fabio Salomão
   Layout da página Consultorias e Mentorias. Universo consultoria
   (Pêssego) alternando com Marfim e Areia. Cor só via var(--…).
   Nota: o briefing cita Pêssego Escuro 01 e detalhes fora da paleta
   congelada; substituídos por tokens existentes
   (--areia-escuro-01, --pessego, --nevoa) para respeitar a regra
   "hex só em tokens.css".
   ===================================================================== */

/* ===== 1. Hero (Pêssego, duas colunas) ===== */
.con-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--areia-escuro-01);padding:150px 0 110px}
.con-hero .wrap{position:relative;z-index:1}
.con-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.con-hero-copy{max-width:760px}
.con-hero .sec-tag{background:var(--marfim);border-color:var(--marfim)}
.con-hero h1{margin-bottom:24px;max-width:16ch;color:var(--grafite)}
.con-hero .lead{max-width:60ch;color:var(--grafite);margin-bottom:18px}
.con-hero .support{max-width:60ch;color:var(--azul-profundo);margin-bottom:32px}
.con-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.con-hero .btn-outline{border-color:var(--azul-profundo);color:var(--azul-profundo)}
.con-hero .btn-outline:hover{background:var(--azul-profundo);color:var(--marfim)}
.con-hero .tags .tag{background:var(--marfim);border-color:var(--pessego-claro-01)}

/* mancha Azul Névoa de baixa opacidade */
.con-hero .blob-nevoa{position:absolute;width:540px;height:540px;top:-170px;right:-150px;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--nevoa),transparent 68%);opacity:.5;filter:blur(2px);pointer-events:none}

/* foto: moldura marfim + bloco deslocado Azul Névoa */
.con-hero-media{position:relative}
.con-hero-media .frame{position:relative;aspect-ratio:4/3;border:6px solid var(--marfim);border-radius:var(--radius-img);box-shadow:var(--shadow-img);background:var(--nevoa)}
.con-hero-media .frame .img-reveal{border-radius:calc(var(--radius-img) - 6px);height:100%}
.con-hero-media .frame .media-ph{height:100%;min-height:0}
.con-hero-media::before{content:"";position:absolute;inset:26px -26px -26px 26px;background:var(--nevoa);border-radius:var(--radius-img);z-index:-1;opacity:.7}

/* ===== 2. Introdução estratégica (Marfim, centralizada) ===== */
.con-intro{background:var(--marfim)}
.con-intro-head{max-width:940px;margin:0 auto;text-align:center}
.con-intro-head h2{color:var(--azul-profundo);max-width:20ch;margin:0 auto 22px}
.con-intro-head p{color:var(--grafite);max-width:900px;margin:0 auto 16px}
.con-intro-head p:last-of-type{margin-bottom:0}

/* dois cards comparativos */
.con-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:940px;margin:48px auto 0}
.compare-card{position:relative;background:var(--areia-claro-01);border:1px solid var(--areia-escuro-01);border-radius:var(--radius-card);padding:32px 30px;box-shadow:var(--shadow-soft)}
.compare-card .cc-mark{display:block;width:34px;height:3px;border-radius:var(--radius-pill);background:var(--pessego);margin-bottom:20px}
.compare-card h3{color:var(--azul-profundo);margin-bottom:12px}
.compare-card p{color:var(--grafite);font-size:15.5px;line-height:1.55;margin:0}

.con-intro-link{max-width:940px;margin:36px auto 0;text-align:center}
.con-intro-link a{font-weight:700;font-size:15px;color:var(--azul-profundo);display:inline-flex;align-items:center;gap:8px;min-height:44px}
.con-intro-link a svg{transition:transform .35s var(--ease)}
.con-intro-link a:hover svg{transform:translateX(4px)}

/* ===== Cabeçalho comum das seções Consultorias/Mentorias ===== */
.con-sec-head{max-width:900px;margin-bottom:48px}
.con-sec-head .sec-tag{margin-bottom:18px}
.con-sec-head h2{max-width:20ch;margin-bottom:22px}
.con-sec-head p{margin-bottom:16px}
.con-sec-head p:last-of-type{margin-bottom:0}

/* ===== Grade de cards de aplicação (5 cards: 3 + 2) ===== */
.con-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.con-card{grid-column:span 2;position:relative;background:var(--marfim);border:1px solid var(--areia-escuro-01);border-radius:var(--radius-card);padding:30px 28px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}
.con-card .cc-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--pessego);margin-bottom:18px}
.con-card .cc-dot.alt{background:var(--nevoa)}
.con-card h3{font-size:clamp(19px,1.7vw,22px);color:var(--azul-profundo);margin-bottom:10px}
.con-card p{color:var(--grafite);font-size:15px;line-height:1.55;margin:0}
/* segunda linha (2 cards) centralizada na grade de 6 colunas */
.con-cards .con-card:nth-child(4){grid-column:2/4}
.con-cards .con-card:nth-child(5){grid-column:4/6}

/* ===== 3. Seção Consultorias (Pêssego) ===== */
.con-consultorias{border-top:1px solid var(--pessego-claro-01)}
.con-consultorias .sec-tag{background:var(--marfim);border-color:var(--marfim)}
.con-consultorias .con-sec-head h2{color:var(--grafite)}
.con-consultorias .con-sec-head p{color:var(--azul-profundo)}

/* CTA de seção: texto de apoio + botão, alinhado à esquerda */
.con-cta{margin-top:44px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:720px}
.con-cta-text{color:var(--grafite);font-size:16px;line-height:1.55;margin:0;max-width:60ch}
.con-consultorias .con-cta-text{color:var(--azul-profundo)}
.con-side-link{font-weight:700;font-size:14.5px;color:var(--azul-profundo);display:inline-flex;align-items:center;gap:8px;min-height:44px}
.con-side-link svg{transition:transform .35s var(--ease)}
.con-side-link:hover svg{transform:translateX(4px)}

/* imagem de apoio da seção */
.con-sec-media{margin-top:56px;position:relative}
.con-sec-media .frame{position:relative;aspect-ratio:16/7;border:6px solid var(--marfim);border-radius:var(--radius-img);box-shadow:var(--shadow-img);background:var(--nevoa)}
.con-sec-media .frame .img-reveal{border-radius:calc(var(--radius-img) - 6px);height:100%}
.con-sec-media .frame .media-ph{height:100%;min-height:0}
.con-sec-media::before{content:"";position:absolute;inset:22px 22px -22px -22px;background:var(--nevoa);border-radius:var(--radius-img);z-index:-1;opacity:.6}
.con-sec-media.peach-offset::before{background:var(--pessego);opacity:.5}

/* ===== 4. Seção Mentorias (Areia Mineral Claro 01) ===== */
.con-mentorias{background:var(--areia-claro-01);border-top:1px solid var(--marfim-escuro-01)}
.con-mentorias .con-sec-head h2{color:var(--azul-profundo)}
.con-mentorias .con-sec-head p{color:var(--grafite)}
.con-mentorias .sec-tag{background:var(--marfim)}
.men-cards{margin-top:40px}

/* card destaque Mentoria Biomimética (maior, área de destaque) */
.men-feature{background:var(--marfim);border:1px solid var(--areia-escuro-01);border-radius:var(--radius-img);box-shadow:var(--shadow-card);overflow:hidden;display:grid;grid-template-columns:300px 1fr;align-items:stretch}
.men-feature .mf-highlight{background:var(--pessego);padding:40px 34px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.mf-badge{align-self:flex-start;font-family:var(--font-body);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--azul-profundo);background:var(--marfim);border-radius:var(--radius-pill);padding:8px 16px}
.mf-place{font-family:var(--font-display);font-size:20px;letter-spacing:-.01em;color:var(--azul-profundo)}
.mf-body{padding:44px 46px}
.mf-body h3{color:var(--azul-profundo);margin-bottom:14px}
.mf-call{font-family:var(--font-display);font-size:clamp(18px,1.7vw,21px);line-height:1.35;letter-spacing:-.01em;color:var(--grafite);margin-bottom:20px;max-width:52ch}
.mf-body > p{color:var(--grafite);margin-bottom:16px;max-width:62ch}
.mf-audience{background:var(--areia);border-radius:var(--radius-tag);padding:20px 22px;margin:22px 0 26px;max-width:62ch}
.mf-audience h4{font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--azul-profundo);margin-bottom:8px}
.mf-audience p{font-size:15px;line-height:1.55;color:var(--grafite);margin:0}
.mf-cta{margin-top:4px}

/* ===== 5. Tecnologia e IA (Marfim, duas colunas) ===== */
.con-ia{background:var(--marfim);border-top:1px solid var(--marfim-escuro-01)}
.con-ia-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.con-ia-copy{max-width:520px}
.con-ia .ia-tag{background:var(--nevoa);border-color:var(--nevoa);color:var(--azul-profundo)}
.con-ia-copy h2{color:var(--azul-profundo);max-width:18ch;margin-bottom:22px}
.con-ia-copy p{color:var(--grafite);margin-bottom:16px}
.con-ia-copy p:last-of-type{margin-bottom:0}
.con-ia-cta{margin-top:30px}

.con-ia-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ia-card{background:var(--nevoa);border:1px solid var(--marfim-escuro-01);border-radius:var(--radius-card);padding:24px 24px}
.ia-card h3{font-size:clamp(17px,1.5vw,20px);color:var(--azul-profundo);margin-bottom:8px}
.ia-card p{color:var(--grafite);font-size:14.5px;line-height:1.5;margin:0}
/* 5 cards em grade de 2 col: o último ocupa a linha inteira */
.con-ia-cards .ia-card:last-child{grid-column:1/-1}

.con-blog-link{margin-top:44px;text-align:center}
.con-blog-link a{font-size:14.5px;font-weight:600;color:var(--azul-profundo);display:inline-flex;align-items:center;gap:8px;min-height:44px}
.con-blog-link a svg{transition:transform .35s var(--ease)}
.con-blog-link a:hover svg{transform:translateX(4px)}

/* ===== 6. CTA final geral (Azul Profundo, centralizado) ===== */
.con-cta-final{background:var(--azul-profundo);color:var(--marfim);text-align:center}
.con-cta-final .wrap{max-width:900px}
.con-cta-final h2{color:var(--marfim);max-width:22ch;margin:0 auto 20px}
.con-cta-final p{color:var(--azul-claro-02);max-width:760px;margin:0 auto 34px}
.con-cta-final .btn-light:hover{background:var(--nevoa);color:var(--azul-escuro-02)}
.con-cta-final .con-contact-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:14.5px;color:var(--azul-claro-02);min-height:44px}
.con-cta-final .con-contact-link:hover{color:var(--nevoa)}
.con-cta-final .con-contact-link svg{transition:transform .35s var(--ease)}
.con-cta-final .con-contact-link:hover svg{transform:translateX(4px)}

/* ===== Tablet ===== */
@media (max-width:980px){
  .con-cards{grid-template-columns:1fr 1fr}
  .con-card,
  .con-cards .con-card:nth-child(4),
  .con-cards .con-card:nth-child(5){grid-column:auto}
}

/* ===== Empilhamento mobile ===== */
@media (max-width:860px){
  .con-hero-grid{grid-template-columns:1fr;gap:44px}
  .con-hero-media{order:1;max-width:520px}
  .con-intro-head,.con-intro-link{text-align:left}
  .con-intro-head h2,.con-intro-head p{margin-left:0;margin-right:0}
  .con-compare{grid-template-columns:1fr;gap:16px}
  .con-ia-grid{grid-template-columns:1fr;gap:40px}
  .con-ia-copy{max-width:none}
  .con-ia-cards{grid-template-columns:1fr 1fr}
  .men-feature{grid-template-columns:1fr}
  .men-feature .mf-highlight{flex-direction:row;align-items:center;justify-content:space-between;padding:24px 30px}
}
@media (max-width:560px){
  .con-hero{padding:120px 0 80px}
  .con-hero-ctas{flex-direction:column;align-items:stretch}
  .con-hero-ctas .btn{width:100%}
  .con-cards{grid-template-columns:1fr}
  .con-ia-cards{grid-template-columns:1fr}
  .con-cta .btn{width:100%}
  .mf-body{padding:30px 26px}
  .con-sec-media .frame{aspect-ratio:4/3}
}