/* ==========================================================================
   AXIS MEN — Páginas internas (Contato, Tratamentos, Journal, Trabalhe Conosco)
   Carregado só em is_page() (ver inc/enqueue.php). Reusa os tokens do style.css.
   ========================================================================== */

.axis-page{overflow-x:hidden}
#axis-main.axis-page section{position:relative;padding:clamp(70px,10vw,130px) var(--axis-gutter)}

.axis-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.axis-reveal.in{opacity:1;transform:none}
.axis-d1{transition-delay:.08s}.axis-d2{transition-delay:.16s}.axis-d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.axis-reveal{opacity:1;transform:none;transition:none}}

/* ---------- Page hero (menor que o da home) ---------- */
.axis-page-hero{
  margin-top:-90px;padding:132px var(--axis-gutter) 56px;
  background:
    radial-gradient(120% 90% at 78% 0%,rgba(46,74,66,.55),transparent 60%),
    linear-gradient(160deg,var(--axis-ink) 0%,var(--axis-petroleum-deep) 130%);
  color:var(--axis-cream);
}
@media(max-width:920px){.axis-page-hero{margin-top:-76px;padding-top:118px}}
.axis-page-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.axis-page-eyebrow .axis-coord{font-family:var(--axis-serif);font-size:11px;letter-spacing:.3em;color:var(--axis-gold)}
.axis-page-eyebrow .axis-lbl{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--axis-muted)}
.axis-page-eyebrow .axis-rule{flex:0 0 46px;height:1px;background:var(--axis-gold-dim)}
.axis-page-hero h1{font-family:var(--axis-serif);font-weight:500;font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:.02em;color:var(--axis-cream);max-width:20ch;margin:0}
.axis-page-hero h1 em{font-style:normal;color:var(--axis-gold)}
.axis-page-hero-sub{margin-top:24px;max-width:56ch;font-size:clamp(15px,1.4vw,17px);color:var(--axis-sand);font-weight:300;line-height:1.75}

/* ---------- Section shell reutilizável ---------- */
.axis-sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:44px}
.axis-sec-head .axis-coord{font-family:var(--axis-serif);font-size:12px;letter-spacing:.28em;color:var(--axis-gold)}
.axis-sec-head .axis-eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--axis-muted)}
.axis-sec-title{font-family:var(--axis-serif);font-weight:500;font-size:clamp(26px,3.6vw,42px);line-height:1.15;letter-spacing:.02em;color:var(--axis-cream);margin:0}

.axis-cta-primary{
  position:relative;overflow:hidden;
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--axis-ink);
  background:var(--axis-gold);padding:16px 34px;border-radius:2px;transition:.3s;text-decoration:none;display:inline-block;
}
.axis-cta-primary:hover{background:var(--axis-gold-light);transform:translateY(-2px);box-shadow:0 14px 40px -12px rgba(198,161,91,.5);color:var(--axis-ink)}
.axis-cta-primary::before{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:left .7s ease}
.axis-cta-primary:hover::before{left:130%}
@media(prefers-reduced-motion:reduce){.axis-cta-primary::before{display:none}}
.axis-cta-ghost{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--axis-sand);display:inline-flex;align-items:center;gap:10px;transition:.3s;text-decoration:none}
.axis-cta-ghost:hover{color:var(--axis-gold)}
.axis-cta-ghost span{width:26px;height:1px;background:var(--axis-gold);transition:width .3s}
.axis-cta-ghost:hover span{width:40px}
.axis-chip{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--axis-muted);border:1px solid rgba(198,161,91,.24);padding:5px 11px;border-radius:20px;display:inline-block}

/* ---------- Prose (texto corrido) ---------- */
.axis-prose{background:var(--axis-cream);color:var(--axis-ink)}
.axis-prose .axis-coord{color:var(--axis-gold-dim)}
.axis-prose .axis-eyebrow{color:#8B857A}
.axis-prose .axis-sec-title{color:var(--axis-petroleum)}
.axis-prose-body{font-family:var(--axis-editorial);font-size:clamp(19px,2.2vw,25px);line-height:1.55;font-weight:400;max-width:52ch;color:var(--axis-petroleum);margin:0 0 28px}
.axis-prose-body em{font-style:italic;color:var(--axis-gold-dim)}
.axis-prose p.axis-note{font-family:var(--axis-sans);font-size:15px;line-height:1.85;color:#5A554C;font-weight:400;max-width:60ch;margin:0 0 18px}

/* ---------- Contato ---------- */
.axis-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.axis-contact-cards{display:flex;flex-direction:column;gap:1px;background:rgba(198,161,91,.16);border:1px solid rgba(198,161,91,.16)}
.axis-contact-card{background:var(--axis-ink);padding:26px 30px}
.axis-contact-card h5{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--axis-gold);margin:0 0 12px}
.axis-contact-card p,.axis-contact-card a{font-size:15px;color:var(--axis-sand);font-weight:300;line-height:1.7;margin:0;text-decoration:none;display:block}
.axis-contact-card a:hover{color:var(--axis-gold)}
.axis-contact-hours{display:grid;grid-template-columns:1fr auto;gap:6px 18px;font-size:14px;color:var(--axis-sand);font-weight:300}
.axis-contact-hours b{color:var(--axis-cream);font-weight:500}
.axis-map-frame{position:relative;width:100%;padding-top:100%;border-radius:3px;overflow:hidden;border:1px solid rgba(198,161,91,.2);background:var(--axis-ink-soft)}
.axis-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.15) contrast(1.05)}
@media(max-width:820px){.axis-contact-grid{grid-template-columns:1fr}.axis-map-frame{padding-top:70%}}

/* ---------- Tratamento (página individual) ---------- */
.axis-treatment-hero{background:var(--axis-ink)}
.axis-treatment-body{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.axis-treatment-items{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.axis-treatment-side{background:var(--axis-ink-soft);border:1px solid rgba(198,161,91,.16);border-radius:3px;padding:30px}
.axis-treatment-side h5{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--axis-gold);margin:0 0 16px}
.axis-treatment-side p{font-size:14px;color:var(--axis-sand);font-weight:300;line-height:1.75;margin:0 0 22px}
@media(max-width:860px){.axis-treatment-body{grid-template-columns:1fr}}

/* ---------- Journal (placeholder) ---------- */
.axis-journal-page{background:var(--axis-ink)}
.axis-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.axis-post{border:1px solid rgba(198,161,91,.16);border-radius:3px;overflow:hidden;transition:.4s;background:var(--axis-ink-soft)}
.axis-post:hover{border-color:rgba(198,161,91,.42);transform:translateY(-4px)}
.axis-post .axis-cover{height:170px;position:relative}
.axis-post .axis-cover .axis-tag{position:absolute;left:14px;top:14px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--axis-ink);background:var(--axis-gold);padding:4px 10px;border-radius:2px;font-weight:600}
.axis-post .axis-body{padding:24px}
.axis-post h4{font-family:var(--axis-serif);font-weight:500;font-size:18px;line-height:1.3;letter-spacing:.01em;color:var(--axis-cream);margin:0 0 10px}
.axis-post p{font-size:13.5px;color:var(--axis-sand);font-weight:300;line-height:1.65;margin:0}
.axis-post .axis-read{margin-top:16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--axis-gold)}
.axis-ph-detail{background:linear-gradient(135deg,var(--axis-petroleum) 0%,var(--axis-petroleum-deep) 100%);}
.axis-ph-wood{background:repeating-linear-gradient(115deg,#B5926A 0 10px,#A6835C 10px 20px);}
.axis-ph-reception{background:
  linear-gradient(90deg,rgba(181,146,106,.9),rgba(181,146,106,.5) 40%,var(--axis-petroleum) 41%,var(--axis-petroleum) 100%),
  repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 3px,transparent 3px 12px);}
.axis-journal-note{margin-top:40px;font-size:13px;letter-spacing:.06em;color:var(--axis-muted);text-align:center}
@media(max-width:860px){.axis-posts{grid-template-columns:1fr}}

/* ---------- Trabalhe conosco ---------- */
.axis-careers-wrap{display:flex;flex-direction:column;gap:26px;max-width:64ch}
.axis-careers-wrap p{font-size:15.5px;color:var(--axis-sand);font-weight:300;line-height:1.8;margin:0}