/* ZETT v6 — páginas internas (SEO). Complementa zett-v6.css: mesmos tokens e componentes da home,
   com hero de foto real do nicho, galeria editorial e grade de cards. */

/* ---------- HERO com foto de profissional ---------- */
.z-page .z-hero .z-hero__media{inset:-40px -40px -40px 36%}
.z-page .z-hero__media img{animation:zpDrift 24s ease-in-out infinite alternate;transform-origin:60% 40%;object-position:var(--hero-pos,62% 38%);filter:brightness(.8) saturate(.92) contrast(1.05)}
.z-page .z-hero__media::after{background:
  linear-gradient(90deg,#070707 0%,rgba(7,7,7,.82) 14%,rgba(7,7,7,.35) 40%,rgba(7,7,7,.05) 70%),
  linear-gradient(180deg,rgba(7,7,7,.45) 0%,rgba(7,7,7,0) 28%,rgba(7,7,7,.1) 70%,#070707 100%)}
.z-page .z-hero__media::before{display:none}
.z-page .z-hero__panel{min-height:clamp(600px,88svh,820px)}
@keyframes zpDrift{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.5%,-1%,0)}}
@media (prefers-reduced-motion:reduce){.z-page .z-hero__media img{animation:none;transform:scale(1.04)}}

.z-crumbs{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.z-crumbs a{color:var(--muted);text-decoration:none}.z-crumbs a:hover{color:var(--text)}
.z-crumbs span[aria-hidden]{color:var(--amber)}

/* ---------- Faixa de confiança (4 itens) ---------- */
.zp-trust{padding:14px clamp(10px,1.4vw,18px) 0}
.zp-trust__grid{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.zp-trust .z-tile strong,.zp-trust .z-tile strong span{font:500 clamp(20px,1.8vw,26px)/1.1 var(--display);letter-spacing:-.03em;color:var(--text)}
.zp-trust .z-tile > span,.zp-trust .z-tile > span span{color:var(--muted);font-size:13.5px;line-height:1.45}

/* ---------- Galeria editorial do nicho ---------- */
.zp-gallery__head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.zp-gallery__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:12px}
.zp-shot{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;overflow:clip;isolation:isolate;background:#0b0b0c;
  box-shadow:0 0 0 1px var(--line) inset;min-height:clamp(380px,44vw,620px)}
.zp-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.4s var(--ease),filter .6s}
.zp-shot:hover img{transform:scale(1.08)}
.zp-shot::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,5,0) 45%,rgba(5,5,5,.88) 100%)}
.zp-shot figcaption{position:absolute;z-index:2;left:clamp(18px,2.4vw,32px);right:clamp(18px,2.4vw,32px);bottom:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;gap:10px}
.zp-shot figcaption small{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.zp-shot figcaption b{font:400 clamp(24px,2.4vw,36px)/1.08 var(--serif);color:#fff;max-width:22ch;text-wrap:balance}
.zp-shot__index{position:absolute;z-index:2;top:18px;left:20px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.7)}
.zp-note{margin:16px 0 0;font-size:12.5px;font-style:italic;color:var(--dim)}
html.is-bf .zp-shot img{filter:grayscale(1) contrast(1.2) brightness(.85)}

/* ---------- O essencial: grade de 4 cards ---------- */
.zp-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.zp-grid4 .z-card{min-height:250px}
.zp-grid4 .z-card h3{margin:0 0 10px;font:500 clamp(20px,1.7vw,24px)/1.15 var(--display);letter-spacing:-.025em;color:var(--text)}
.zp-grid4 .z-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}

/* ---------- Assinatura: texto + painel com citação ---------- */
.zp-sig{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,80px);align-items:center}
.zp-sig .z-lead{margin-top:22px}
.zp-sig__note{margin-top:26px;display:inline-flex;align-items:center;gap:12px;font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
.zp-sig__note::before{content:"";width:28px;height:1px;background:var(--amber)}
.zp-sig__panel{position:relative;overflow:hidden;overflow:clip;border-radius:var(--radius);min-height:clamp(420px,40vw,560px);isolation:isolate;
  box-shadow:0 0 0 1px var(--line) inset;display:flex;align-items:flex-end;padding:clamp(22px,3vw,36px)}
.zp-sig__panel img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.zp-sig__panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,5,.05) 30%,rgba(5,5,5,.9) 100%)}
.zp-sig__quote{margin:0;font:400 clamp(26px,2.6vw,40px)/1.1 var(--serif);color:#fff;text-wrap:balance}
.zp-sig__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.zp-sig__tags span{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);padding:9px 12px;border-radius:999px;
  background:rgba(10,10,10,.55);box-shadow:0 0 0 1px var(--line-2) inset;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html.is-bf .zp-sig__panel img{filter:grayscale(1) contrast(1.2) brightness(.85)}

/* ---------- Outros tipos de site ---------- */
.zp-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(28px,3vw,40px)}
.zp-related a{display:inline-flex;align-items:center;gap:10px;padding:16px 20px;border-radius:999px;background:var(--card);box-shadow:0 0 0 1px var(--line) inset;
  color:var(--text);text-decoration:none;font:500 15px/1 var(--display);letter-spacing:-.01em;transition:background .3s,box-shadow .3s,color .3s}
.zp-related a span{color:var(--amber);transition:transform .3s var(--ease)}
.zp-related a:hover{background:var(--card-hi);box-shadow:0 0 0 1px rgba(227,183,122,.35) inset}
.zp-related a:hover span{transform:translateX(3px)}

/* ---------- Páginas simples (obrigado, iniciar, 404) ---------- */
.zp-simple{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(90px,10vw,130px) clamp(10px,1.6vw,22px) clamp(10px,1.6vw,22px)}
.zp-simple .z-final__panel{width:100%;padding-bottom:clamp(56px,8vw,110px)}
.zp-simple .z-final__panel .z-h2{max-width:16ch;margin:22px auto 0}
.zp-simple .z-lead{margin:22px auto 0;text-align:center}
.zp-simple__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:34px}
.zp-simple__list{list-style:none;padding:0;margin:34px auto 0;max-width:560px;display:grid;gap:10px;text-align:left}
.zp-simple__list li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--radius-sm);background:var(--card);box-shadow:0 0 0 1px var(--line) inset;color:var(--muted);line-height:1.55}
.zp-simple__list b{color:var(--amber);font:500 12px/1.6 var(--mono)}
.zp-simple__list strong{color:var(--text);font-weight:600}
.zp-simple__price{margin:34px auto 0;max-width:560px}
.zp-simple__price p{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.zp-simple__price small{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.zp-simple__price strong{font:500 clamp(34px,4vw,56px)/1 var(--display);letter-spacing:-.04em;color:var(--text)}
.zp-simple__price strong s{color:var(--dim);font-size:.5em;letter-spacing:-.02em}
.zp-simple__price span{color:var(--muted);font-size:13.5px}
.zp-simple__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(40px,5vw,64px);text-align:left}
.zp-simple__cols .zp-simple__list{margin-top:18px;max-width:none}
.zp-simple__h3{margin:0;font:500 clamp(20px,1.8vw,26px)/1.15 var(--display);letter-spacing:-.025em;color:var(--text)}
@media (max-width:860px){.zp-simple__cols{grid-template-columns:1fr}}

/* ---------- Responsivo ---------- */
@media (max-width:1100px){
  .zp-grid4{grid-template-columns:1fr 1fr}
  .zp-trust__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .zp-gallery__head,.zp-sig{grid-template-columns:1fr}
  .zp-gallery__grid{grid-template-columns:1fr}
  .zp-shot{min-height:clamp(320px,90vw,460px)}
  .z-page .z-hero .z-hero__media{inset:-40px}
  .z-page .z-hero__media::after{background:linear-gradient(180deg,rgba(7,7,7,.35) 0%,rgba(7,7,7,.55) 35%,rgba(7,7,7,.9) 62%,#070707 100%)}
  .z-page .z-hero__media img{object-position:var(--hero-pos-m,60% 25%)}
}
@media (max-width:560px){
  .zp-grid4{grid-template-columns:1fr}
  .zp-grid4 .z-card{min-height:auto}
  .zp-related a{width:100%;justify-content:space-between}
}