/*
Theme Name: Raul Tavares
Theme URI: https://raultavares.grupofisiokorpus.com.br
Author: Fernando (Fisiokorpus)
Description: Landing page dark-luxury (preto e dourado) para Dr. Raul Tavares - Fisioterapeuta e Quiropraxista. Conteudo editavel pelo Personalizar (Aparencia > Personalizar).
Version: 1.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: raul-tavares
*/

:root{
    --bg:#0A0A0A;            /* preto base */
    --bg-2:#14130F;          /* preto levemente mais claro (faixas alternadas) */
    --bg-3:#1C1A14;          /* elevação de cards */
    --gold:#B8963E;          /* dourado principal */
    --gold-2:#D8BC6B;        /* variação clara do dourado */
    --gold-deep:#94782F;     /* variação escura do dourado */
    --cream:#F5F1E6;         /* branco / off-white */
    --gray:#A6A299;          /* cinza claro */
    --line:rgba(245,241,230,.10);
    --line-gold:rgba(184,150,62,.35);
    --shadow:0 1px 2px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.45);
    --r:16px;
    --maxw:1120px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Hanken Grotesk",system-ui,sans-serif;
    color:var(--cream);
    background:var(--bg);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  h1,h2,h3{font-family:"Spectral",Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.01em;color:var(--cream)}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  ::selection{background:var(--gold);color:#0A0A0A}
  .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}
  .eyebrow{
    font-family:"Hanken Grotesk",sans-serif;
    font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
    color:var(--gold);display:inline-flex;align-items:center;gap:.6em;
  }
  .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-2);flex:none}

  /* ---------- Buttons ---------- */
  .btn{
    --bgc:var(--gold);--fg:#0A0A0A;
    display:inline-flex;align-items:center;gap:.55em;
    background:var(--bgc);color:var(--fg);
    font-weight:700;font-size:.98rem;
    padding:.85em 1.5em;border-radius:100px;border:1px solid transparent;
    cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    box-shadow:0 6px 22px rgba(184,150,62,.25);
  }
  .btn:hover{transform:translateY(-2px);background:var(--gold-2);box-shadow:0 10px 28px rgba(184,150,62,.35)}
  .btn svg{width:18px;height:18px}
  .btn--ghost{
    --bgc:transparent;--fg:var(--cream);
    border-color:var(--line-gold);box-shadow:none;font-weight:600;
  }
  .btn--ghost:hover{background:rgba(184,150,62,.10);border-color:var(--gold);color:var(--gold-2);box-shadow:none;transform:translateY(-2px)}
  .btn--light{--bgc:var(--cream);--fg:#0A0A0A;box-shadow:0 6px 20px rgba(0,0,0,.4)}
  .btn--light:hover{background:#fff}
  :focus-visible{outline:3px solid var(--gold-2);outline-offset:3px;border-radius:6px}

  /* ---------- Header ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(10,10,10,.82);
    backdrop-filter:saturate(140%) blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding-block:14px}
  .brand{display:flex;align-items:baseline;gap:.6em;font-family:"Spectral",serif}
  .brand b{font-weight:600;font-size:1.3rem;letter-spacing:.02em;color:var(--cream)}
  .brand .mark{width:9px;height:9px;border-radius:50%;background:var(--gold);align-self:center}
  .brand span{font-size:.78rem;color:var(--gray);font-family:"Hanken Grotesk",sans-serif;letter-spacing:.02em}
  .nav-links{display:flex;align-items:center;gap:30px}
  .nav-links a.lnk{font-size:.92rem;font-weight:500;color:var(--gray);transition:color .15s}
  .nav-links a.lnk:hover{color:var(--gold-2)}

  /* ---------- Hero ---------- */
  .hero{position:relative;overflow:hidden}
  .hero .wrap{
    padding-block:clamp(48px,7vw,84px) 0;position:relative;
    display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:end;
  }
  .hero-figure{position:relative;align-self:end;min-width:0}
  .hero-figure img{
    position:relative;z-index:2;display:block;width:100%;max-width:520px;margin:0 auto;height:auto;
    -webkit-mask-image:linear-gradient(#000 86%,transparent 100%);
            mask-image:linear-gradient(#000 86%,transparent 100%);
    filter:drop-shadow(0 24px 48px rgba(0,0,0,.55));
  }
  .hero-figure::before{
    content:"";position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);
    width:120%;height:85%;z-index:1;
    background:radial-gradient(55% 50% at 50% 72%, rgba(184,150,62,.20), transparent 70%);
  }
  .hero-figure::after{
    content:"";position:absolute;left:50%;bottom:6%;transform:translateX(-50%);
    width:min(430px,88%);aspect-ratio:1;border-radius:50%;
    border:1.5px solid rgba(184,150,62,.35);z-index:1;
  }
  .hero-axis{
    position:absolute;left:24px;top:0;bottom:18%;width:2px;
    background:linear-gradient(var(--gold),transparent);
    transform-origin:top;
  }
  .hero-axis::after{
    content:"";position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;
    background:var(--gold-2);top:38%;box-shadow:0 0 0 5px rgba(184,150,62,.15);
  }
  .hero-inner{max-width:760px;margin-left:clamp(0px,4vw,42px);padding-bottom:clamp(48px,7vw,84px)}
  .hero h1{font-size:clamp(2.4rem,5vw,3.8rem);margin:.34em 0 .5em}
  .hero h1 em{font-style:normal;position:relative;white-space:nowrap;color:var(--gold-2)}
  .hero h1 em::after{
    content:"";position:absolute;left:0;right:0;bottom:.08em;height:.14em;
    background:var(--gold);opacity:.45;border-radius:2px;
  }
  .hero p.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--gray);max-width:56ch;line-height:1.55}
  .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
  .trust{
    display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:38px;
    font-size:.86rem;color:var(--gray);font-weight:500;
  }
  .trust span{display:inline-flex;align-items:center;gap:.5em}
  .trust span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}

  /* ---------- Section base ---------- */
  .band{padding-block:clamp(56px,8vw,96px)}
  .band--bone{background:var(--bg-2);border-block:1px solid var(--line)}
  .sec-head{max-width:680px;margin-bottom:48px}
  .sec-head h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-top:.3em}
  .sec-head p{color:var(--gray);font-size:1.06rem;margin-top:.7em;max-width:54ch}

  /* ---------- Pain points ---------- */
  .pains{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
  .pain{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);
    padding:24px 24px 26px;display:flex;gap:14px;align-items:flex-start;
  }
  .band--bone .pain{background:var(--bg-3)}
  .pain .dot{flex:none;width:30px;height:30px;border-radius:9px;background:rgba(184,150,62,.14);
    display:grid;place-items:center;margin-top:2px}
  .pain .dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
  .pain p{font-size:1.02rem;color:var(--cream);font-weight:500;line-height:1.45}
  .reassure{
    margin-top:30px;font-family:"Spectral",serif;font-style:italic;
    font-size:clamp(1.15rem,2.4vw,1.5rem);color:var(--gray);max-width:48ch;line-height:1.4;
  }
  .reassure b{font-style:normal;font-weight:600;color:var(--gold-2)}

  /* ---------- About ---------- */
  .sobre{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,56px);align-items:center}
  .sobre-frame{
    position:relative;border:1px solid var(--line-gold);border-radius:24px;overflow:hidden;margin:0;
    background:
      radial-gradient(120% 90% at 50% 100%, rgba(184,150,62,.18), transparent 62%),
      linear-gradient(180deg, var(--bg-3), var(--bg-2));
  }
  .sobre-frame img{
    display:block;width:100%;height:auto;padding-top:8%;
    -webkit-mask-image:linear-gradient(#000 92%,transparent 100%);
            mask-image:linear-gradient(#000 92%,transparent 100%);
  }
  .sobre-txt h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:.3em 0 .3em}
  .sobre-txt .role{color:var(--gold-2);font-weight:600;font-size:1.02rem;letter-spacing:.02em}
  .sobre-txt p.bio{color:var(--gray);margin-top:14px;max-width:56ch}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
  .chip{
    font-size:.78rem;font-weight:600;letter-spacing:.04em;
    padding:.5em .95em;border:1px solid var(--line-gold);border-radius:100px;color:var(--gold-2);
  }
  @media (max-width:880px){
    .sobre{grid-template-columns:1fr}
    .sobre-frame{max-width:380px;margin-inline:auto}
  }

  /* ---------- Services ---------- */
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
  .card{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);
    padding:30px 28px 32px;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    position:relative;
  }
  .band--bone .card{background:var(--bg-3)}
  .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-gold)}
  .card .ico{width:46px;height:46px;color:var(--gold);margin-bottom:20px}
  .card h3{font-size:1.32rem;font-weight:600;margin-bottom:.42em}
  .card .tag{
    display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    color:var(--gold-2);margin-bottom:14px;
  }
  .card p{color:var(--gray);font-size:.98rem;line-height:1.55}

  /* ---------- How it works (the spine) ---------- */
  .steps{position:relative;max-width:760px;margin-inline:auto;padding-left:8px}
  .steps::before{
    content:"";position:absolute;left:23px;top:14px;bottom:14px;width:2px;
    background:linear-gradient(var(--gold),rgba(184,150,62,.12));
  }
  .step{position:relative;padding:0 0 38px 70px}
  .step:last-child{padding-bottom:0}
  .step .node{
    position:absolute;left:12px;top:2px;width:24px;height:24px;border-radius:50%;
    background:var(--bg);border:2px solid var(--gold);display:grid;place-items:center;z-index:2;
  }
  .band--bone .step .node{background:var(--bg-2)}
  .step .node::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-2)}
  .step .num{font-size:.74rem;font-weight:700;letter-spacing:.16em;color:var(--gold-2);text-transform:uppercase}
  .step h3{font-size:1.3rem;font-weight:600;margin:.2em 0 .3em}
  .step p{color:var(--gray);max-width:46ch}

  /* ---------- Differentials ---------- */
  .diffs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
  .diff{display:flex;gap:14px;align-items:flex-start;padding:6px 4px}
  .diff .chk{flex:none;width:34px;height:34px;border-radius:50%;background:var(--gold);
    display:grid;place-items:center;margin-top:2px}
  .diff .chk svg{width:17px;height:17px;color:#0A0A0A}
  .diff h3{font-size:1.08rem;font-weight:600;font-family:"Hanken Grotesk",sans-serif;margin-bottom:.15em}
  .diff p{color:var(--gray);font-size:.94rem;line-height:1.5}

  /* ---------- Testimonials ---------- */
  .quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
  .quote{
    background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);
    padding:30px 28px;display:flex;flex-direction:column;gap:18px;
  }
  .band--bone .quote{background:var(--bg-3)}
  .quote .stars{color:var(--gold-2);letter-spacing:2px;font-size:1rem}
  .quote p{font-family:"Spectral",serif;font-size:1.12rem;line-height:1.5;color:var(--cream)}
  .quote .who{display:flex;align-items:center;gap:12px;margin-top:auto}
  .quote .av{width:38px;height:38px;border-radius:50%;background:rgba(184,150,62,.16);color:var(--gold-2);
    display:grid;place-items:center;font-weight:700;font-size:.9rem;flex:none}
  .quote .who b{font-weight:600;font-size:.95rem;display:block;color:var(--cream)}
  .quote .who small{color:var(--gray);font-size:.82rem}

  /* ---------- Pricing ---------- */
  .price-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:start}
  .price-feature{
    background:linear-gradient(160deg,#CBA94F 0%,var(--gold) 55%,#A58532 100%);
    color:#15100A;border-radius:var(--r);
    padding:34px 30px;position:sticky;top:96px;
    box-shadow:0 18px 44px rgba(184,150,62,.18);
  }
  .price-feature .tag{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(21,16,10,.6)}
  .price-feature h3{color:#15100A;font-size:1.6rem;font-weight:600;margin:.35em 0 .35em}
  .price-feature .val{font-family:"Spectral",serif;font-size:2.2rem;font-weight:600;display:block;margin-bottom:.3em;color:#0A0A0A}
  .price-feature p{color:rgba(21,16,10,.78);font-size:.95rem;line-height:1.55;margin-bottom:20px}
  .price-feature .btn--light{--bgc:#0A0A0A;--fg:var(--gold-2);box-shadow:0 8px 24px rgba(0,0,0,.35)}
  .price-feature .btn--light:hover{background:#1C1A14;color:var(--gold-2)}
  .price-list{display:flex;flex-direction:column}
  .price-row{
    display:flex;justify-content:space-between;align-items:baseline;gap:18px;
    padding:18px 4px;border-bottom:1px dashed var(--line);
  }
  .price-row:first-child{padding-top:4px}
  .price-row .nm b{font-weight:600;font-size:1.06rem;display:block;color:var(--cream)}
  .price-row .nm small{color:var(--gray);font-size:.86rem}
  .price-row .vl{font-family:"Spectral",serif;font-size:1.25rem;font-weight:600;white-space:nowrap;color:var(--gold-2)}
  .price-note{margin-top:22px;font-size:.88rem;color:var(--gray);max-width:60ch}
  @media (max-width:880px){
    .price-wrap{grid-template-columns:1fr}
    .price-feature{position:static}
  }

  /* ---------- Location ---------- */
  .loc{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
  .loc-card{
    background:var(--bg-2);color:var(--cream);border-radius:24px;padding:42px 40px;
    position:relative;overflow:hidden;border:1px solid var(--line-gold);
  }
  .loc-card::before{
    content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;
    border:2px solid rgba(184,150,62,.28);
  }
  .loc-card .eyebrow{color:var(--gold)}
  .loc-card .eyebrow::before{background:var(--gold-2)}
  .loc-card h2{color:var(--cream);font-size:clamp(1.7rem,3.5vw,2.4rem);margin:.4em 0 .6em}
  .loc-line{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px;font-size:1.02rem;color:#D9D5C9}
  .loc-line svg{width:20px;height:20px;color:var(--gold);flex:none;margin-top:3px}
  .loc-line b{color:var(--cream);font-weight:600}
  .loc-card .btn{margin-top:14px}
  .loc-aside h3{font-size:1.5rem;font-weight:600;margin-bottom:.5em}
  .loc-aside p{color:var(--gray);margin-bottom:18px;max-width:42ch}
  .hours{border-top:1px solid var(--line);padding-top:18px;margin-top:6px}
  .hours .row{display:flex;justify-content:space-between;padding:7px 0;font-size:.96rem;border-bottom:1px dashed var(--line)}
  .hours .row span:first-child{color:var(--gray)}
  .hours .row b{font-weight:600;color:var(--cream)}

  /* ---------- Final CTA ---------- */
  .final{background:var(--bg-2);color:var(--cream);text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}
  .final .wrap{padding-block:clamp(60px,9vw,100px);position:relative;z-index:2}
  .final .eyebrow{color:var(--gold);justify-content:center}
  .final h2{color:var(--cream);font-size:clamp(2rem,5vw,3.2rem);margin:.35em auto .55em;max-width:18ch}
  .final p{color:var(--gray);max-width:48ch;margin:0 auto 34px;font-size:1.08rem}
  .final .spine-bg{
    position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);
    background:linear-gradient(transparent,rgba(184,150,62,.32),transparent);z-index:1;
  }
  .final .spine-bg::before,.final .spine-bg::after{
    content:"";position:absolute;left:-4px;width:10px;height:10px;border-radius:50%;
    background:var(--gold);opacity:.75;
  }
  .final .spine-bg::before{top:22%}
  .final .spine-bg::after{bottom:22%}

  /* ---------- Footer ---------- */
  footer{background:#070707;color:var(--gray);padding-block:54px 30px;font-size:.92rem;border-top:1px solid var(--line)}
  .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid var(--line)}
  .foot-brand b{font-family:"Spectral",serif;color:var(--cream);font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:.5em}
  .foot-brand b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
  .foot-brand p{margin-top:14px;max-width:40ch;line-height:1.6}
  .foot-col h4{color:var(--gold-2);font-family:"Hanken Grotesk",sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
  .foot-col a,.foot-col p{display:block;color:var(--gray);margin-bottom:10px;line-height:1.5}
  .foot-col a:hover{color:var(--gold-2)}
  .foot-bottom{padding-top:24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;font-size:.82rem;color:#78746A}
  .disclaimer{max-width:62ch;line-height:1.6}

  /* ---------- Reveal animation ---------- */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}

  @media (max-width:880px){
    .hero .wrap{grid-template-columns:1fr;gap:0}
    .hero-inner{padding-bottom:0}
    .hero-figure{margin-top:34px}
    .hero-figure img{max-width:340px}
    .loc{grid-template-columns:1fr;gap:26px}
    .foot-top{grid-template-columns:1fr 1fr}
    .foot-brand{grid-column:1/-1}
  }
  @media (max-width:680px){
    .nav-links .lnk{display:none}
    .brand span{display:none}
    .hero-axis{display:none}
    .hero-inner{margin-left:0}
    .foot-top{grid-template-columns:1fr}
    .btn{font-size:.94rem;padding:.8em 1.3em}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .reveal{opacity:1;transform:none;transition:none}
    *{animation:none!important}
  }