/* ARBOO v94 — nova entrada (duas portas): index.php, cliente.php e o topo de arborista.php.
 * Mesmos tokens da landing (Fraunces + Public Sans, verde profundo, creme). */
:root{
  color-scheme:only light;
  --e-forest:#14231A;--e-forest-2:#1E3527;--e-line-d:#2E5A40;--e-leaf:#2E7D4F;--e-light:#8FD1A8;
  --e-paper:#FBF9F4;--e-paper-2:#F1EDE3;--e-ink:#1D2420;--e-ink-2:#3B443E;--e-muted:#5D675F;--e-line:#D9D3C7;
  --e-gold:#C69A30;--e-gold-l:#E2B84A;--e-orange:#EF6A2D;--e-orange-d:#B2461A;--e-cream-t:#F4EFE3;--e-soft-t:#C9D6CD;--e-dim-t:#9FB3A6;
  --e-serif:"Fraunces",Georgia,"Times New Roman",serif;--e-sans:"Public Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.en *,.cl *{box-sizing:border-box}
.en,.cl{margin:0;font-family:var(--e-sans);line-height:1.5;-webkit-font-smoothing:antialiased}
.en a,.cl a{color:inherit}
.en :focus-visible,.cl :focus-visible{outline:3px solid var(--e-light);outline-offset:3px;border-radius:8px}
.cl :focus-visible{outline-color:rgba(46,125,79,.6)}
.e-shell{width:min(1312px,calc(100% - 32px));margin-inline:auto}
.e-skip{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#14231A;padding:10px 14px;border-radius:8px;font-weight:700}
.e-skip:focus{top:12px}
.e-marca{font-family:var(--e-serif);font-weight:700;font-size:28px;letter-spacing:-.4px;text-decoration:none;line-height:1}
.e-marca span{color:var(--e-light)}
.cl .e-marca{color:var(--e-forest)}.cl .e-marca span{color:var(--e-leaf)}
.e-ico{width:20px;height:20px;flex:none}

/* ============ página principal (index.php) ============ */
.en{background:var(--e-forest);color:var(--e-cream-t);min-height:100vh}
.en-page{min-height:100vh;display:flex;flex-direction:column}
.en-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:24px}
.en-top nav{display:flex;align-items:center;gap:8px}
.en-pill{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #3F6B52;text-decoration:none;font-size:15px;font-weight:600}
.en-pill:hover{border-color:var(--e-light);background:rgba(143,209,168,.08)}
.en-entrar{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none}
.en-entrar:hover{color:#fff;text-decoration:underline}
.en-main{flex:1;display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:48px;align-items:center;padding-block:8px 24px}
.en-copy h1{margin:0 0 20px;font-family:var(--e-serif);font-weight:600;font-size:clamp(38px,4.6vw,62px);line-height:1.04;letter-spacing:-.02em;color:var(--e-paper);text-wrap:balance}
.en-copy>p{margin:0 0 30px;font-size:19px;color:var(--e-soft-t);max-width:34em}
.en-portas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.en-porta{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:18px;text-decoration:none;min-height:250px;transition:transform .18s,box-shadow .18s}
.en-porta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.en-porta b{font-family:var(--e-serif);font-size:30px;font-weight:600;line-height:1.1}
.en-porta>span.tx{font-size:15px;line-height:1.5}
.en-porta .go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}
.en-porta .ic{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center}
.en-porta .ic svg{width:26px;height:26px}
.en-porta.arb{background:var(--e-forest-2);border:1px solid var(--e-line-d);color:var(--e-cream-t)}
.en-porta.arb .ic{background:var(--e-leaf)}.en-porta.arb .tx{color:var(--e-soft-t)}.en-porta.arb .go{color:var(--e-light)}
.en-porta.cli{background:var(--e-paper);color:var(--e-ink)}
.en-porta.cli .ic{background:var(--e-orange)}.en-porta.cli .tx{color:#4A544D}.en-porta.cli .go{color:var(--e-orange-d)}
.en-porta .voltou{position:absolute;top:14px;right:14px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.en-porta.arb .voltou{background:rgba(143,209,168,.16);color:var(--e-light)}
.en-porta.cli .voltou{background:#FCE3D6;color:#9A3A12}
.en-mapa{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.en-mapa .em-mapa{width:100%;max-width:640px;height:auto;margin-left:auto;display:block}
.en-leg{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:14px;background:rgba(20,35,26,.92);border:1px solid var(--e-line-d);font-size:14px;color:var(--e-soft-t);max-width:340px;margin-top:-130px;position:relative}
.en-leg span{display:flex;align-items:center;gap:10px}
.en-leg strong{color:var(--e-paper);font-size:16px}
.en-leg i{width:12px;height:12px;border-radius:50%;flex:none}
.en-leg .vd{background:var(--e-light)}.en-leg .am{background:var(--e-gold-l)}
.en-leg a{color:var(--e-light);font-weight:700;font-size:13px;text-decoration:none}.en-leg a:hover{text-decoration:underline}
.en-chaves{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-block:8px 28px}
.en-chaves>span{font-size:14px;font-weight:600;color:var(--e-dim-t);margin-right:6px}
.en-chave{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:var(--e-forest-2);border:1px solid var(--e-line-d);font-size:14px;text-decoration:none;transition:border-color .15s,background .15s}
.en-chave:hover{border-color:var(--e-light);background:#24402F}
.en-chave.leve{border-style:dashed;border-color:#4F7A61;color:var(--e-soft-t)}
.en-foot{border-top:1px solid #22402F;padding-block:18px 22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--e-dim-t)}
.en-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.en-foot a{color:var(--e-dim-t)}.en-foot a:hover{color:#fff}

/* mapa (SVG do servidor) */
.em-mapa a{cursor:pointer}
.em-mapa path{vector-effect:non-scaling-stroke;stroke-width:1;transition:fill .15s}
.em-mapa.escuro path{fill:#24503A;stroke:#3F8862}
.em-mapa.escuro a[data-tom="1"] path{fill:#2B5E44}.em-mapa.escuro a[data-tom="2"] path{fill:#316B4D}
.em-mapa.escuro a[data-tom="3"] path{fill:#377856}.em-mapa.escuro a[data-tom="4"] path{fill:#3E855F}
.em-mapa.escuro a:hover path,.em-mapa.escuro a:focus path{fill:#4C9A70}
.em-mapa.escuro .em-pt.vd,.em-mapa.escuro .em-bolha.vd{fill:var(--e-light)}
.em-mapa.escuro .em-halo{fill:rgba(143,209,168,.22)}
.em-mapa.escuro .em-pt.am,.em-mapa.escuro .em-bolha{fill:var(--e-gold-l)}
.em-mapa.escuro .em-num{fill:#14231A;font-weight:800;font-family:var(--e-sans)}
.em-mapa.claro path{fill:#DCE8DF;stroke:#FBF9F4;stroke-width:1.2}
.em-mapa.claro a[data-tom="1"] path{fill:#CFE2D5}.em-mapa.claro a[data-tom="2"] path{fill:#BFD9C7}
.em-mapa.claro a[data-tom="3"] path{fill:#ABCFB6}.em-mapa.claro a[data-tom="4"] path{fill:#95C3A3}
.em-mapa.claro a:hover path,.em-mapa.claro a:focus path{fill:#7FB38F}
.em-mapa.claro .em-pt.vd,.em-mapa.claro .em-bolha.vd{fill:var(--e-leaf);stroke:#fff;stroke-width:1.5}
.em-mapa.claro .em-halo{fill:rgba(46,125,79,.16)}
.em-mapa.claro .em-pt.am,.em-mapa.claro .em-bolha{fill:var(--e-gold);stroke:#fff;stroke-width:1.5}
.em-mapa.claro .em-num{fill:#fff;font-weight:800;font-family:var(--e-sans)}
.em-pontos{pointer-events:none}

@media (max-width:980px){
  .en-main{grid-template-columns:1fr;gap:26px}
  .en-mapa .em-mapa{margin:0 auto;max-width:520px}
  .en-leg{margin:0 auto;max-width:none;width:100%}
}
@media (max-width:640px){
  .e-shell{width:calc(100% - 32px)}
  .en-top{padding-block:14px}
  .en-pill .lg{display:none}
  .en-pill{padding:0 14px;font-size:14px}
  .en-portas{grid-template-columns:1fr;gap:12px}
  .en-porta{min-height:0;padding:22px}
  .en-porta b{font-size:26px}
  .en-copy>p{font-size:16px;margin-bottom:22px}
  .en-chave{min-height:44px;padding:0 14px}
  .en-foot{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.en-porta{transition:none}.en-porta:hover{transform:none}}

/* ============ lado do cliente (cliente.php) ============ */
.cl{background:var(--e-paper);color:var(--e-ink)}
.cl-top{border-bottom:1px solid #E6E0D3;background:rgba(251,249,244,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cl-top .e-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.cl-top .esq{display:flex;align-items:center;gap:18px}
.e-volta{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;color:var(--e-muted)}
.e-volta:hover{color:var(--e-ink)}
.cl-tag{padding:5px 10px;border-radius:999px;background:#FCE3D6;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#9A3A12;text-transform:uppercase}
.cl-top nav{display:flex;gap:24px;font-size:15px;font-weight:600}
.cl-top nav a{text-decoration:none}.cl-top nav a:hover{color:var(--e-leaf)}
.cl-top nav a.arb{color:var(--e-leaf)}
.cl-hero{padding-block:52px 8px}
.cl-hero h1{margin:0 0 18px;font-family:var(--e-serif);font-weight:600;font-size:clamp(36px,4.4vw,60px);line-height:1.04;letter-spacing:-.02em;color:var(--e-forest);max-width:15em;text-wrap:balance}
.cl-hero>p{margin:0 0 22px;font-size:19px;color:#4A544D;max-width:40em}
.cl-rot{display:block;font-size:13px;font-weight:700;color:#4A544D;margin:0 0 8px}
.cl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.cl-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--e-line);font:500 15px var(--e-sans);color:var(--e-ink);cursor:pointer;text-decoration:none}
.cl-chip:hover{border-color:var(--e-leaf)}
.cl-chip.on{background:var(--e-forest);border-color:var(--e-forest);color:var(--e-paper);font-weight:600}
.cl-busca{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.cl-busca label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#4A544D}
.cl-busca input,.cl-busca select{min-height:54px;padding:0 16px;border-radius:12px;border:1px solid #C9C2B4;background:#fff;font:400 16px var(--e-sans);color:var(--e-ink)}
.cl-busca .cidade input{width:min(420px,70vw)}
.cl-busca select{width:96px}
.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:12px;border:0;background:var(--e-orange);color:#fff;font:700 16px var(--e-sans);text-decoration:none;cursor:pointer}
.cl-btn:hover{background:#D9561C}
.cl-btn.esc{background:var(--e-forest);color:var(--e-paper)}.cl-btn.esc:hover{background:var(--e-leaf)}
.cl-btn.cl-btn-l{background:#fff;color:var(--e-ink);border:1px solid #C9C2B4}.cl-btn.cl-btn-l:hover{border-color:var(--e-leaf);color:var(--e-leaf)}
.cl-rede{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:40px;padding-block:44px 0;align-items:start}
.cl-rede h2,.cl-sec h2{margin:0 0 10px;font-family:var(--e-serif);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.12;color:var(--e-forest)}
.cl-rede .sub{margin:0 0 18px;color:#4A544D;font-size:16px}
.cl-niveis{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.cl-nivel{padding:18px 20px;border-radius:16px;border:1px solid var(--e-line);background:#fff}
.cl-nivel.am{background:#FFFBEF;border-color:#E8D8A8}
.cl-selo{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:8px}
.cl-selo.vd{background:#DDF0E3;color:#1F5E3A}.cl-selo.am{background:#F5E6B8;color:#6B4E0E}
.cl-nivel p{margin:0;font-size:15px;color:var(--e-ink-2)}
.cl-nivel strong{font-size:22px;font-family:var(--e-serif);color:var(--e-forest)}
.cl-ufs{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cl-ufs a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid var(--e-line);text-decoration:none;font-weight:600;font-size:14px}
.cl-ufs a:hover{border-color:var(--e-leaf)}
.cl-ufs small{font-weight:700;color:var(--e-muted)}
.cl-mapa{position:relative;border-radius:20px;background:var(--e-paper-2);padding:28px 20px 70px}
.cl-mapa .em-mapa{display:block;width:100%;max-width:600px;height:auto;margin:0 auto}
.cl-mapa .leg{position:absolute;left:20px;bottom:20px;display:flex;flex-wrap:wrap;gap:16px;padding:10px 14px;border-radius:12px;background:#fff;font-size:13px;color:var(--e-ink-2)}
.cl-mapa .leg span{display:flex;align-items:center;gap:8px}
.cl-mapa .leg i{width:12px;height:12px;border-radius:50%}
.cl-mapa .leg .vd{background:var(--e-leaf)}.cl-mapa .leg .am{background:var(--e-gold)}
.cl-mapa .dica{position:absolute;right:20px;bottom:24px;font-size:13px;color:var(--e-muted);margin:0}
.cl-saidas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-block:52px 0}
.cl-saida{display:flex;gap:16px;align-items:center;padding:20px;border-radius:16px;border:1px solid var(--e-line);background:#fff;text-decoration:none}
.cl-saida:hover{border-color:var(--e-leaf)}
.cl-saida .ic{display:inline-flex;width:48px;height:48px;border-radius:12px;background:#DDF0E3;align-items:center;justify-content:center;flex:none}
.cl-saida .ic svg{width:24px;height:24px}
.cl-saida b{display:block;font-size:17px}
.cl-saida small{display:block;font-size:14px;color:var(--e-muted)}
.cl-saida.breve{border-style:dashed;background:transparent;cursor:default}
.cl-saida.breve .ic{background:var(--e-paper-2)}
.cl-faixas{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:52px 0}
.cl-faixa{padding:32px;border-radius:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cl-faixa h2{margin:0;font-family:var(--e-serif);font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.15}
.cl-faixa p{margin:0;font-size:16px}
.cl-faixa.esc{background:var(--e-forest);color:var(--e-cream-t)}.cl-faixa.esc h2{color:var(--e-paper)}.cl-faixa.esc p{color:var(--e-soft-t)}
.cl-faixa.cla{background:var(--e-paper-2)}.cl-faixa.cla p{color:#4A544D}
.cl-grandes{padding-block:52px 0;scroll-margin-top:90px}
.cl-grandes>p{margin:0 0 20px;color:#4A544D;max-width:46em;font-size:16px}
.cl-gr{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.cl-g{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--e-line);scroll-margin-top:90px}
.cl-g.on{border-color:var(--e-leaf);box-shadow:0 0 0 2px rgba(46,125,79,.25)}
.cl-g h3{margin:0 0 8px;font-family:var(--e-serif);font-weight:600;font-size:20px}
.cl-g ul{margin:0;padding-left:18px;font-size:14.5px;color:var(--e-ink-2);display:flex;flex-direction:column;gap:5px}
.cl-foot{margin-top:64px;border-top:1px solid var(--e-line);padding-block:22px 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--e-muted)}
.cl-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.cl-foot a{color:var(--e-muted)}
@media (max-width:1080px){.cl-gr{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
  .cl-rede{grid-template-columns:1fr;gap:24px}
  .cl-rede .cl-mapa{order:-1}
  .cl-saidas{grid-template-columns:1fr}
  .cl-faixas{grid-template-columns:1fr}
  .cl-top nav{display:none}
}
@media (max-width:640px){
  .cl-tag{display:none}
  .cl-hero{padding-block:28px 0}
  .cl-hero>p{font-size:16px}
  .cl-chip{padding:0 14px;font-size:14px}
  .cl-busca{gap:10px}
  .cl-busca .cidade{flex:1}.cl-busca .cidade input{width:100%}
  .cl-busca select{width:84px}
  .cl-busca .cl-btn{width:100%}
  .cl-mapa{padding:16px 10px 64px}
  .cl-mapa .dica{display:none}
  .cl-gr{grid-template-columns:1fr}
  .cl-faixa{padding:24px 20px}
  .cl-faixa .cl-btn{width:100%}
  .cl-foot{flex-direction:column}
}

/* ============ lado do arborista (arborista.php): topo com o manual ============ */
.ar-volta{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-right:4px;font-size:13.5px;font-weight:700;text-decoration:none;color:#5D675F;white-space:nowrap}
.ar-volta:hover{color:var(--e-leaf)}
.ar-hero{background:var(--e-forest);color:var(--e-cream-t);position:relative;overflow:hidden}
.ar-hero .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}
.ar-hero .eyebrow{color:var(--e-light)}.ar-hero .eyebrow span{background:var(--e-light)}
.ar-hero h1{color:var(--e-paper);max-width:13ch}
.ar-hero .hero-lead{color:var(--e-soft-t)}
.ar-hero .hero-micro{color:var(--e-dim-t)}
.ar-hero .cta.primary{background:var(--e-orange);box-shadow:0 10px 26px rgba(239,106,45,.3)}.ar-hero .cta.primary:hover{background:#D9561C}
.ar-hero .cta.secondary{background:transparent;border-color:#4F7A61;color:var(--e-cream-t)}.ar-hero .cta.secondary:hover{border-color:var(--e-light);color:#fff}
.ar-hero .hero-beta{color:var(--e-soft-t)}
.ar-hero .fb-link{color:var(--e-light)}
.ar-player{background:var(--e-paper);color:var(--e-ink);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.ar-player .k{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--e-leaf);text-transform:uppercase}
.ar-player h2{margin:4px 0 0;font-family:var(--e-serif);font-size:26px;line-height:1.15;color:var(--e-forest)}
.ar-player p{margin:0;font-size:16px;line-height:1.55;padding:14px 16px;background:var(--e-paper-2);border-radius:12px;color:var(--e-ink-2)}
.ar-player .ac{display:flex;align-items:center;gap:14px}
.ar-play{display:inline-flex;width:60px;height:60px;border-radius:50%;background:var(--e-forest);align-items:center;justify-content:center;flex:none;text-decoration:none}
.ar-play:hover{background:var(--e-leaf)}
.ar-player .ac small{font-size:14px;color:var(--e-muted)}
.ar-partes{padding:56px 0 8px}
.ar-partes ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ar-partes a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid var(--e-line);text-decoration:none}
.ar-partes a:hover{border-color:var(--e-leaf)}
.ar-partes a span{display:flex;flex-direction:column;gap:2px}
.ar-partes a small{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--e-leaf);text-transform:uppercase}
.ar-partes a b{font-size:16.5px;line-height:1.25}
.ar-partes a em{font-style:normal;font-size:14px;color:var(--e-muted);white-space:nowrap}
.ar-partes .rodape{margin:14px 0 0;font-size:14px;color:var(--e-muted)}
@media (max-width:980px){.ar-hero .hero-grid{grid-template-columns:1fr}.ar-partes ol{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ar-partes ol{grid-template-columns:1fr}.ar-partes a{min-height:56px}.ar-hero .hero-actions .cta{width:100%}}
@media (max-width:640px){.ar-volta{font-size:0;gap:0;min-width:40px;margin-right:0}.ar-volta svg{width:22px;height:22px}}
@media (max-width:374px){.en-pill .sm{display:none}.en-top .e-marca{font-size:24px}.en-top{gap:8px}.en-entrar{padding:0 8px}.en-pill{padding:0 12px;gap:8px}}
/* iPhone: sem 'hover preso' ao tocar; respeita o recorte da tela (notch) na horizontal */
@media (hover:none){.en-porta:hover{transform:none;box-shadow:none}}
@supports (padding:max(0px)){.e-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}