/* ============================================================================
 * Joias por Signo — hub + 12 páginas (inc/ah-signos.php, template-signos.php)
 * Paleta da marca (claro/leve, acento laranja). A cor do signo entra só como
 * detalhe via --sig, nunca como fundo dominante.
 * ATENÇÃO: nada de `padding: X 0` em elemento que também é .ah-wrap — o
 * shorthand zera o padding lateral herdado e a seção estoura no mobile.
 * ========================================================================== */

/* A faixa .ah-sig-band também roda FORA da página de signo (Home e categoria de
   pedras), onde a classe .ah-signos não existe — por isso ela carrega os mesmos
   tokens. */
.ah-signos,.ah-sig-band{--orange:#F66900;--orange-deep:#D55600;--amber:#F66900;--amber-2:#FF8A33;--deep:#942A25;--maroon:#6b4423;--cream:#FBF6EF;--cream-2:#FDE7D7;--ink:#2A1E1A;--muted:#8A6F62;--radius:18px;--shadow:0 10px 30px rgba(107,68,35,.12);--shadow-sm:0 4px 14px rgba(107,68,35,.10)}
.ah-signos .ah-sec{padding-top:56px;padding-bottom:56px}
.ah-signos .ah-sec.alt{background:var(--cream)}
.ah-signos .ah-head{text-align:center;max-width:44em;margin:0 auto 32px}
.ah-signos .ah-head h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.15em 0 .3em;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.ah-signos .ah-head p{color:var(--muted);font-size:1.04rem;margin:0}
.ah-signos .ah-eyebrow{color:#A84A00;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;display:inline-flex;align-items:center;gap:.4em}
.ah-signos .ah-eyebrow i{color:var(--orange)}
.ah-signos .btn{display:inline-flex;align-items:center;gap:.5em;border:none;cursor:pointer;padding:.9em 1.6em;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:.2s}
.ah-signos .btn-primary{background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#fff;box-shadow:var(--shadow-sm)}
.ah-signos .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:#fff}
.ah-signos .btn-ghost{background:#fff;color:var(--deep);border:2px solid var(--cream-2)}
.ah-signos .btn-ghost:hover{border-color:var(--amber);color:var(--deep)}
.ah-signos .ah-revealable{opacity:0;transform:translateY(24px);transition:.6s cubic-bezier(.2,.7,.2,1)}
.ah-signos .ah-revealable.in{opacity:1;transform:none}

/* ---- HERO ---- */
.ah-sig-hero{background:linear-gradient(180deg,#FFFDFB 0%,#FFF6EF 100%);border-bottom:1px solid #F5EBDD}
.ah-sig-hero__grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,44px);align-items:center}
.ah-sig-hero .sym{width:clamp(96px,14vw,150px);height:clamp(96px,14vw,150px);border-radius:50%;display:grid;place-items:center;font-size:clamp(3rem,7vw,4.6rem);line-height:1;color:var(--sig,#F66900);font-variant-emoji:text;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",serif;background:#fff;box-shadow:var(--shadow),inset 0 0 0 2px color-mix(in srgb,var(--sig,#F66900) 22%,#fff)}
.ah-sig-hero .crumb{font-size:.82rem;color:var(--muted);margin-bottom:10px}
.ah-sig-hero .crumb a{color:var(--muted);text-decoration:none}
.ah-sig-hero .crumb a:hover{color:var(--orange-deep)}
.ah-sig-hero .crumb span{margin:0 .4em;opacity:.5}
.ah-sig-hero .crumb strong{color:var(--ink)}
.ah-sig-hero h1{font-size:clamp(1.8rem,4.2vw,2.9rem);margin:0 0 .18em;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.ah-sig-hero .sub{font-size:1.1rem;color:var(--orange-deep);font-weight:600;margin:0 0 14px}
.ah-sig-hero .facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0}
.ah-sig-hero .facts li{display:inline-flex;align-items:center;gap:.5em;background:#fff;border:1px solid #F1E4D2;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;color:var(--ink)}
.ah-sig-hero .facts i{color:var(--sig,#F66900)}
.ah-sig-hero .txt{color:var(--muted);font-size:1.02rem;line-height:1.65;max-width:46em;margin:0}
@media(max-width:720px){.ah-sig-hero__grid{grid-template-columns:1fr;text-align:center}.ah-sig-hero .sym{margin:0 auto}.ah-sig-hero .facts{justify-content:center}.ah-sig-hero .txt{text-align:left}}

/* ---- peça do signo ---- */
.ah-sig-peca__box{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3.5vw,40px);align-items:center;background:#fff;border:1px solid #F1E4D2;border-left:6px solid var(--sig,#F66900);border-radius:var(--radius);padding:clamp(18px,3vw,30px);box-shadow:var(--shadow)}
.ah-sig-peca .ph{display:block;border-radius:14px;overflow:hidden;background:var(--cream-2)}
.ah-sig-peca .ph img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}
.ah-sig-peca h2{font-size:clamp(1.3rem,2.6vw,1.9rem);margin:.2em 0 .35em;line-height:1.2;font-weight:800;color:var(--ink)}
.ah-sig-peca p{color:var(--muted);line-height:1.6;margin:0 0 14px}
.ah-sig-peca .pr{font-size:1.35rem;font-weight:800;color:var(--deep);margin-bottom:16px}
.ah-sig-peca .pr del{font-size:.7em;font-weight:500;color:var(--muted);margin-right:.4em}
.ah-sig-peca .bt{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:760px){.ah-sig-peca__box{grid-template-columns:1fr}.ah-sig-peca .ph{max-width:320px;margin:0 auto;width:100%}}

/* ---- cards de pedra ---- */
.ah-sig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;align-items:start}
.ah-sig-pedra{background:#fff;border:1px solid #F1E4D2;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);transition:.22s;display:flex;flex-direction:column}
.ah-sig-pedra:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ah-sig-pedra.is-main{border-color:color-mix(in srgb,var(--st,#F66900) 45%,#F1E4D2);box-shadow:0 10px 30px color-mix(in srgb,var(--st,#6b4423) 16%,transparent)}
.ah-sig-pedra header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ah-sig-pedra .dot{width:34px;height:34px;border-radius:50%;background:var(--st,#ccc);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 0 0 3px #fff,0 0 0 4px color-mix(in srgb,var(--st,#ccc) 30%,#fff)}
.ah-sig-pedra h3{margin:0;font-size:1.12rem;font-weight:800;color:var(--ink);line-height:1.2}
.ah-sig-pedra .tag{font-size:.8rem;color:var(--muted);font-weight:600}
.ah-sig-pedra .pill{margin-left:auto;align-self:flex-start;background:var(--cream-2);color:var(--orange-deep);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:999px;white-space:nowrap}
.ah-sig-pedra p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0 0 16px;flex:1}
.ah-sig-pedra .lnk{display:inline-flex;align-items:center;gap:.45em;color:var(--orange-deep);font-weight:700;font-size:.9rem;text-decoration:none}
.ah-sig-pedra .lnk:hover{gap:.75em;color:var(--orange)}

/* ---- presente ---- */
.ah-sig-presente__box{background:linear-gradient(135deg,#FFF6EF,#FDE7D7);border-radius:var(--radius);padding:clamp(24px,4vw,44px);text-align:center;border:1px solid #F5DCC6}
.ah-sig-presente h2{font-size:clamp(1.4rem,2.8vw,2rem);margin:0 0 .4em;font-weight:800;color:var(--ink)}
.ah-sig-presente p{color:var(--maroon);max-width:44em;margin:0 auto 20px;line-height:1.6}
.ah-sig-presente .bt{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ---- fita dos 12 signos ---- */
.ah-sig-fita{background:var(--cream)}
.ah-sig-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ah-sig-chip{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:1px solid #F1E4D2;border-radius:14px;padding:14px 10px;text-decoration:none;transition:.2s;text-align:center}
.ah-sig-chip:hover{transform:translateY(-3px);border-color:var(--sig,#F66900);box-shadow:var(--shadow-sm)}
.ah-sig-chip.is-on{border-color:var(--sig,#F66900);background:color-mix(in srgb,var(--sig,#F66900) 7%,#fff)}
.ah-sig-chip .sym{font-size:1.5rem;line-height:1;color:var(--sig,#6b4423);font-variant-emoji:text;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",serif}
.ah-sig-chip .nm{font-weight:800;color:var(--ink);font-size:.95rem}
.ah-sig-chip .dt{font-size:.74rem;color:var(--muted)}

/* ---- HUB: grade dos 12 ---- */
.ah-sig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.ah-sig-card{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #F1E4D2;border-top:5px solid var(--sig,#F66900);border-radius:var(--radius);padding:22px 20px 18px;text-decoration:none;box-shadow:var(--shadow-sm);transition:.22s}
.ah-sig-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.ah-sig-card .now{position:absolute;top:12px;right:12px;background:var(--orange);color:#fff;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:999px}
.ah-sig-card .sym{font-size:2.2rem;line-height:1;color:var(--sig,#6b4423);font-variant-emoji:text;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",serif}
.ah-sig-card h3{margin:.15em 0 0;font-size:1.2rem;font-weight:800;color:var(--ink)}
.ah-sig-card .dt{font-size:.8rem;color:var(--muted)}
.ah-sig-card .ped{font-size:.85rem;color:var(--maroon);font-weight:600;margin-top:8px;line-height:1.45}
.ah-sig-card .go{margin-top:14px;display:inline-flex;align-items:center;gap:.45em;color:var(--orange-deep);font-weight:700;font-size:.88rem}
.ah-sig-card:hover .go{gap:.75em}

/* ---- HUB: como escolher ---- */
.ah-sig-como{background:var(--cream)}
.ah-sig-passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.ah-sig-passos .pa{background:#fff;border:1px solid #F1E4D2;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
.ah-sig-passos .pa span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream-2);color:var(--orange-deep);font-weight:800;margin-bottom:12px}
.ah-sig-passos .pa h3{margin:0 0 .35em;font-size:1.08rem;font-weight:800;color:var(--ink)}
.ah-sig-passos .pa p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.6}

/* ---- faixa reaproveitada (Home + categoria de pedras) ---- */
.ah-sig-band{background:linear-gradient(180deg,#FFFDFB 0%,#FFF6EF 100%);border-top:1px solid #F5EBDD;border-bottom:1px solid #F5EBDD}
.ah-sig-band.alt{background:var(--cream)}
.ah-sig-band .ah-head{text-align:center;max-width:44em;margin:0 auto 28px}
.ah-sig-band .ah-head h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.15em 0 .3em;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.ah-sig-band .ah-head p{color:var(--muted);font-size:1.04rem;margin:0}
.ah-sig-band .ah-eyebrow{color:#A84A00;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;display:inline-flex;align-items:center;gap:.4em}
.ah-sig-band .ah-eyebrow i{color:var(--orange)}
.ah-sig-band__cta{text-align:center;margin-top:24px}
.ah-sig-band .btn{display:inline-flex;align-items:center;gap:.5em;border:none;cursor:pointer;padding:.9em 1.6em;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:.2s}
.ah-sig-band .btn-primary{background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#fff;box-shadow:var(--shadow-sm)}
.ah-sig-band .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:#fff}
@media(min-width:900px){.ah-sig-band .ah-sig-chips{grid-template-columns:repeat(6,1fr)}}
@media(max-width:520px){.ah-sig-band .ah-sig-chips{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.ah-sig-band .ah-sig-chip{padding:11px 6px}.ah-sig-band .ah-sig-chip .dt{font-size:.68rem}}

/* ---- texto editável do WP ---- */
.ah-sig-editorial__box{max-width:46em;margin:0 auto;color:var(--maroon);line-height:1.75}
.ah-sig-editorial__box h2{color:var(--ink)}
.ah-sig-editorial__box a{color:var(--orange-deep)}