/* =====================================================================
   FEMAC 2026 — TEMA "ARCANO" (noite celeste de ilusionismo)
   Carrega DEPOIS da v2. Índigo estrelado, raios dourados, anel arcano,
   lua, ornamentos art-déco e o acento terracota da marca.
   ===================================================================== */
:root{
  --night:#0b0c22; --night-2:#15102e; --void:#070611;
  --gold:#e3c27e; --gold-deep:#c9a456; --gold-soft:#f4dca0;
  --terra:#df6a32; --terra-deep:#bd4a1f;
  --cream:#f4ecda; --moon:#cdd6f0; --parch:#efe6d3; --parch-2:#e4d8bf;
  --ink:#0b0c22;
  --halo:0 0 50px rgba(227,194,126,.40);
  --disp:'Cinzel Decorative','DM Serif Display',serif;
  --serif:'DM Serif Display',Georgia,serif;
}

/* ---------- BASE: céu noturno estrelado ---------- */
body{
  color:#241f17;background:var(--void);
  background-image:
    radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9),transparent),
    radial-gradient(1.5px 1.5px at 28% 42%,rgba(244,220,160,.8),transparent),
    radial-gradient(2px 2px at 62% 22%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.5px 1.5px at 80% 60%,rgba(205,214,240,.8),transparent),
    radial-gradient(1.5px 1.5px at 47% 73%,rgba(255,255,255,.7),transparent),
    radial-gradient(2px 2px at 88% 34%,rgba(244,220,160,.7),transparent),
    radial-gradient(1200px 700px at 80% -6%,rgba(124,92,200,.20),transparent 60%),
    radial-gradient(900px 600px at 6% 8%,rgba(227,194,126,.10),transparent 55%),
    linear-gradient(180deg,#0a0a1e,#0c0b22 45%,#08070f);
  background-attachment:fixed;
}
::selection{background:var(--terra);color:#fff}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#0a0a18}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),var(--gold-deep));border-radius:9px}

h1,h2,h3,h4{letter-spacing:.012em}
.brand-copy strong,.footer h4,.admin-side .brand-copy strong{font-family:var(--disp)}
.script,.hero-title em,.atracao .info .art{
  background:linear-gradient(100deg,var(--terra),var(--gold) 32%,#fff3d4 50%,var(--gold) 68%,var(--terra));
  background-size:240% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:240% center}}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .script,.hero-title em,.atracao .info .art{-webkit-text-fill-color:currentColor;color:var(--gold);background:none;animation:none}}

/* ---------- HEADER ---------- */
.topbar{background:rgba(8,8,22,.8);backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid rgba(227,194,126,.22)}
.brand-mark-img{border:0!important;box-shadow:none!important;background:transparent!important;
  filter:drop-shadow(0 0 10px rgba(227,194,126,.35));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.brand:hover .brand-mark-img{transform:rotate(-8deg) scale(1.08)}
.brand-copy small{color:var(--gold-soft)!important;letter-spacing:.18em}
.nav a{color:#ece5d6}
.nav a::after{background:linear-gradient(90deg,var(--terra),var(--gold));height:2px}
.nav a.cta{background:linear-gradient(135deg,var(--terra),var(--terra-deep));color:#fff;
  border:1px solid rgba(244,220,160,.4);box-shadow:0 8px 22px rgba(223,106,50,.4)}
.nav a.cta:hover{box-shadow:0 10px 28px rgba(223,106,50,.55),var(--halo)}

/* ---------- BOTÕES ---------- */
.btn{border-radius:999px;font-weight:800;letter-spacing:.015em}
.btn-primary{background:linear-gradient(135deg,#ef7c44,var(--terra-deep));color:#fff;
  border:1px solid rgba(244,220,160,.5);box-shadow:0 12px 30px rgba(223,106,50,.4)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(223,106,50,.55),var(--halo)}
.hero-actions .btn-primary{animation:btnGlow 3.2s ease-in-out infinite}
@keyframes btnGlow{0%,100%{box-shadow:0 12px 30px rgba(223,106,50,.4)}50%{box-shadow:0 12px 30px rgba(223,106,50,.45),0 0 30px rgba(227,194,126,.5)}}
.btn-ghost{border:1.5px solid rgba(244,220,160,.65);color:var(--cream)}
.btn-ghost:hover{background:var(--gold);color:#1a1407;border-color:var(--gold)}
.btn-dark{background:#0c0b22;border:1px solid rgba(227,194,126,.35);color:var(--cream)}
.btn-dark:hover{background:#08070f;box-shadow:var(--halo)}

/* ---------- HERO: carta de arcano com sol nascente ---------- */
.hero,.hero--home{position:relative;color:var(--cream);min-height:90vh;
  background:
    radial-gradient(60% 55% at 72% 44%,rgba(124,92,200,.28),transparent 66%),
    radial-gradient(45% 40% at 50% -6%,rgba(244,236,218,.12),transparent 60%),
    linear-gradient(160deg,#0a0a1e 0%,#171034 50%,#08070f 100%)}
.hero--home::before{content:'';position:absolute;inset:0 0 auto;height:90px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.45),transparent)}
.hero--home::after{content:none}
.hero .container{position:relative;z-index:3}
.hero-kicker{color:var(--gold-soft);letter-spacing:.26em}
.hero-kicker::before{color:var(--terra)}
.hero-title{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.98;color:var(--cream);
  text-shadow:0 2px 36px rgba(0,0,0,.55)}
.hero-desc{color:#e7ddca}
.hero-meta span{background:rgba(244,236,218,.06);border:1px solid rgba(227,194,126,.3);
  padding:.5rem .9rem;border-radius:999px;backdrop-filter:blur(6px)}
.hero-meta i{color:var(--gold)}
.hero-ribbon{color:#c9bda6}.hero-ribbon span{color:var(--gold)}

.hero-brand-wrap{position:relative;display:grid;place-items:center;isolation:isolate}
.hero-brand-wrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,52vw);height:min(720px,52vw);z-index:0;
  background:url('../img/sunburst.svg') center/contain no-repeat;
  animation:spinC 130s linear infinite;filter:drop-shadow(0 0 40px rgba(227,194,126,.25))}
.hero-brand-wrap::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,40vw);height:min(560px,40vw);z-index:1;
  background:url('../img/arcano-ring.svg') center/contain no-repeat;animation:spinC 95s linear infinite reverse}
@keyframes spinC{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-brand-card{position:relative;z-index:2;width:min(380px,86%);padding:clamp(20px,2.6vw,32px);
  border-radius:18px;transform:rotate(-1.4deg);animation:float 6.5s ease-in-out infinite;
  background:radial-gradient(circle at 50% 36%,#faf3e4,var(--parch) 74%,var(--parch-2));
  border:14px solid transparent;border-image:url('../img/frame.svg') 54 round;
  box-shadow:var(--halo),0 30px 70px rgba(0,0,0,.6)}
.hero-brand-card::before{content:'✦ Marca oficial ✦';position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:3;
  padding:.24rem .8rem;border-radius:999px;background:#0c0b22;color:var(--gold-soft);
  font-family:'Manrope',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid rgba(227,194,126,.5);white-space:nowrap}
.hero-brand-card img{aspect-ratio:auto;object-fit:contain;background:transparent;width:100%;
  filter:drop-shadow(0 8px 14px rgba(60,30,10,.18))}
@keyframes float{0%,100%{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(-1.4deg) translateY(-15px)}}
.hero-symbol{display:none} /* substituídos por lua e estrelas injetadas */

/* lua + estrelas injetadas via JS */
.arc-moon{position:absolute;top:6%;right:4%;width:clamp(46px,6vw,80px);z-index:2;
  background:url('../img/moon.svg') center/contain no-repeat;height:clamp(46px,6vw,80px);
  filter:drop-shadow(0 0 16px rgba(205,214,240,.5));animation:floatSym 7s ease-in-out infinite}
@keyframes floatSym{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.fx-stars,.fx-spotlight{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.fx-star{position:absolute;width:var(--s,3px);height:var(--s,3px);border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff,rgba(244,220,160,.85) 45%,transparent 70%);
  animation:tw var(--d,4s) ease-in-out var(--delay,0s) infinite}
@keyframes tw{0%,100%{opacity:.08;transform:scale(.7)}50%{opacity:var(--max,.9);transform:scale(1.2)}}
.fx-spark{position:absolute;color:var(--gold);font-size:var(--fs,1rem);opacity:0;text-shadow:0 0 10px rgba(227,194,126,.7);
  animation:drift var(--d,10s) linear var(--delay,0s) infinite}
@keyframes drift{0%{opacity:0;transform:translateY(14px) rotate(0)}14%{opacity:.85}86%{opacity:.85}100%{opacity:0;transform:translateY(-52px) rotate(150deg)}}
.fx-spotlight::before{content:'';position:absolute;left:50%;top:-16%;width:120%;height:140%;transform:translateX(-50%);
  background:conic-gradient(from 180deg at 50% 0%,transparent 42%,rgba(244,236,218,.16) 50%,transparent 58%);
  filter:blur(3px);animation:sway 8s ease-in-out infinite}
@keyframes sway{0%,100%{transform:translateX(-50%) rotate(-3deg)}50%{transform:translateX(-50%) rotate(3deg)}}
section .container,.footer .container{position:relative;z-index:3}

/* cartas de tarô flutuando */
.fx-card{position:absolute;width:54px;height:78px;z-index:1;opacity:0;border-radius:8px;display:grid;place-items:center;
  font-size:1.6rem;color:#b5481f;background:linear-gradient(160deg,#faf3e4,#e7dabf);
  border:1px solid rgba(201,164,86,.6);box-shadow:0 12px 26px rgba(0,0,0,.5);
  animation:cardFloat var(--d,13s) ease-in-out var(--delay,0s) infinite}
.fx-card.blk{color:#15102e}
.fx-card::after{content:attr(data-s)}
.fx-card::before{content:attr(data-s);position:absolute;top:5px;left:7px;font-size:.66rem}
@keyframes cardFloat{0%,100%{opacity:0;transform:translateY(8px) rotate(var(--r,0deg))}
  12%{opacity:.45}50%{opacity:.6;transform:translateY(-30px) rotate(calc(var(--r,0deg) + 7deg))}88%{opacity:.45}}

/* ---------- SEÇÕES CLARAS: pergaminho astral ---------- */
.about-section{background:linear-gradient(180deg,#f3ead4,#e7dbc2)}
.participate-section{background:linear-gradient(180deg,#efe6d2,#e2d5bb)}
.partners-section{background:#e8dcc4}
.about-section,.participate-section,.partners-section{color:#241f17;position:relative}
.about-section h2,.participate-section h2,.partners-section h2{color:#181227}
.eyebrow{color:var(--terra-deep)}.eyebrow::before,.eyebrow::after{color:var(--terra);animation:magicPulse 3.2s ease-in-out infinite}
@keyframes magicPulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}

.feature-card,.participation-card,.loja-card{
  background:linear-gradient(180deg,#fffaf0,#f4ebda);border:1px solid rgba(201,164,86,.4);
  box-shadow:0 16px 34px rgba(20,16,46,.12);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.feature-card:hover,.participation-card:hover,.loja-card:hover{transform:translateY(-7px);
  border-color:var(--gold-deep);box-shadow:0 28px 52px rgba(20,16,46,.2),0 0 26px rgba(227,194,126,.28)}
.feature-card__index{background:linear-gradient(135deg,var(--terra),var(--terra-deep))}
.participation-card--featured{background:linear-gradient(160deg,#171034,#0b0b22);border:1px solid rgba(227,194,126,.4)}
.participation-card--featured h3{color:var(--cream)}

/* ---------- SEÇÕES ESCURAS ---------- */
.stage-section,.bg-dark{background:
  radial-gradient(60% 50% at 50% -6%,rgba(124,92,200,.2),transparent 66%),
  linear-gradient(180deg,#0b0b22,#0e0c26)}
.stage-section .eyebrow,.bg-dark .eyebrow,.page-hero .eyebrow{color:#f0c98f}
.stage-section .eyebrow::before,.stage-section .eyebrow::after{color:var(--gold)}
.atracao{background:linear-gradient(180deg,#1c1838,#100e22);border:1px solid rgba(227,194,126,.2);
  transition:transform .25s ease,box-shadow .25s ease}
.atracao:hover{transform:translateY(-7px);box-shadow:0 28px 50px rgba(0,0,0,.5),0 0 26px rgba(227,194,126,.25)}
.atracao .foto::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(124,92,200,.35),transparent 60%)}
.atracao .ordem-badge{background:linear-gradient(135deg,var(--terra),var(--terra-deep));box-shadow:0 6px 16px rgba(223,106,50,.5)}
.atracao .info .art{font-size:1.8rem}
.magic-silhouette{border-color:rgba(227,194,126,.35);color:var(--gold-soft);
  box-shadow:0 0 0 16px rgba(124,92,200,.10),0 0 30px rgba(227,194,126,.3);animation:ring 4s ease-in-out infinite}
@keyframes ring{0%,100%{box-shadow:0 0 0 14px rgba(124,92,200,.08),0 0 26px rgba(227,194,126,.2)}50%{box-shadow:0 0 0 22px rgba(124,92,200,.14),0 0 44px rgba(227,194,126,.45)}}

.page-hero{background:
  radial-gradient(60% 60% at 50% 0%,rgba(124,92,200,.3),transparent 58%),
  linear-gradient(180deg,#0a0a1e,#0e0c26);color:var(--cream)}
.page-hero h1{color:var(--cream)}

/* ---------- DIVISOR CELESTE + LEQUE DE CARTAS ---------- */
.magic-divider{position:relative;height:70px;display:flex;align-items:center;justify-content:center;gap:1.1rem;color:var(--gold)}
.magic-divider::before,.magic-divider::after{content:'';height:1px;width:min(34%,260px);
  background:linear-gradient(90deg,transparent,rgba(227,194,126,.7),transparent)}
.magic-divider span{font-family:var(--disp);font-size:1rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold-soft);text-shadow:0 0 14px rgba(227,194,126,.5)}
.magic-divider .suit{font-family:var(--serif);font-size:1.3rem;letter-spacing:0;-webkit-text-fill-color:initial}
.magic-divider .suit.red{color:var(--terra)}.magic-divider .suit.blk{color:var(--gold)}
.card-fan{display:flex;justify-content:center;align-items:flex-end;height:96px;margin:6px 0}
.card-fan i{width:48px;height:68px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:1.4rem;
  color:#b5481f;background:linear-gradient(160deg,#faf3e4,#e7dabf);border:1px solid rgba(201,164,86,.6);
  box-shadow:0 8px 18px rgba(0,0,0,.4);margin-left:-16px;transform-origin:bottom center;transition:transform .3s ease}
.card-fan i.blk{color:#15102e}
.card-fan i:nth-child(1){transform:rotate(-22deg) translateY(10px)}
.card-fan i:nth-child(2){transform:rotate(-11deg) translateY(3px)}
.card-fan i:nth-child(3){transform:rotate(0)}
.card-fan i:nth-child(4){transform:rotate(11deg) translateY(3px)}
.card-fan i:nth-child(5){transform:rotate(22deg) translateY(10px)}
.card-fan:hover i{transform:rotate(0) translateY(0)}

/* ---------- FORMULÁRIOS / TABELAS / STATS ---------- */
.form-card{background:linear-gradient(180deg,#fffaf0,#f5ecdb);border:1px solid rgba(201,164,86,.4);
  box-shadow:0 22px 50px rgba(0,0,0,.3);position:relative}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--terra);box-shadow:0 0 0 4px rgba(223,106,50,.14)}
.tbl th{background:#0c0b22}
.stat{background:linear-gradient(180deg,#fffaf0,#f4ebda);border-color:rgba(201,164,86,.35)}
.stat .num{color:var(--terra-deep)}
.stat:hover{box-shadow:0 18px 34px rgba(20,16,46,.16),0 0 22px rgba(227,194,126,.25);border-color:var(--gold-deep)}

/* ---------- ADMIN ---------- */
.admin-side{background:linear-gradient(180deg,#0e0c26,#08070f);border-right:1px solid rgba(227,194,126,.14)}
.admin-side nav a.active{background:rgba(227,194,126,.12)}
.admin-side nav a.active::before{background:var(--terra)}
.admin-main{background:linear-gradient(135deg,#efe6d2,#ddd0b6)}

/* ---------- FOOTER ---------- */
.footer{background:radial-gradient(70% 100% at 50% 0%,rgba(124,92,200,.16),transparent 60%),#08070f;
  color:#cdc1a8;border-top:1px solid rgba(227,194,126,.28)}
.footer h4{color:var(--cream)}
.footer .copy{border-top:1px solid rgba(227,194,126,.16)}

/* ---------- REVELAÇÃO + foco ---------- */
body.js-fx .reveal{opacity:0;transform:translateY(28px) scale(.99)}
body.js-fx .reveal.in{opacity:1;transform:none;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.75,.2,1)}
a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

@media(max-width:680px){.fx-card{display:none}.arc-moon{top:2%}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important}
  body.js-fx .reveal{opacity:1!important;transform:none!important}
  .fx-stars,.fx-spotlight,.fx-spark,.fx-card{display:none!important}}

/* =====================================================================
   SILHUETA "COFRE" — foto não revelada fica escura e irreconhecível
   ===================================================================== */
.atracao .foto.esmaecida img{
  filter:brightness(.12) contrast(1.6) saturate(0) blur(7px);
  transform:scale(1.06)} /* scale esconde bordas do blur */
.atracao .foto.esmaecida::after{
  background:
    radial-gradient(ellipse 90% 70% at 50% 30%,rgba(11,12,34,.55),rgba(7,6,17,.92) 78%),
    linear-gradient(180deg,rgba(7,6,17,.35),rgba(7,6,17,.95))}
.atracao .foto.esmaecida .veil{background:linear-gradient(transparent 30%,rgba(7,6,17,.96))}
.atracao .foto.esmaecida .veil span::before{content:'🔒 ';filter:grayscale(1) brightness(1.6)}

/* =====================================================================
   LOTES DE INSCRIÇÃO
   ===================================================================== */
.lotes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}
.lote-card{position:relative;text-align:center;padding:22px 16px 18px;border-radius:16px;
  background:linear-gradient(180deg,#fffaf0,#f1e7d2);border:1.5px solid rgba(201,164,86,.45);
  box-shadow:0 14px 30px rgba(20,16,46,.14);transition:transform .25s ease}
.lote-card h3{font-family:var(--disp);font-size:1.05rem;color:#181227;letter-spacing:.06em}
.lote-preco{font-family:var(--serif);font-size:1.9rem;color:var(--terra-deep);margin-top:.2rem}
.lote-vagas{font-size:.78rem;color:#7a6c53;margin-top:.3rem}
.lote-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  padding:.24rem .7rem;border-radius:999px;background:#3a3348;color:#d9d2c2;border:1px solid rgba(227,194,126,.35)}
.lote-card.vigente{transform:scale(1.05);border-color:var(--terra);
  box-shadow:0 20px 40px rgba(20,16,46,.22),0 0 26px rgba(223,106,50,.28);z-index:1}
.lote-card.vigente .lote-tag{background:linear-gradient(135deg,var(--terra),var(--terra-deep));color:#fff;border-color:rgba(244,220,160,.5)}
.lote-card.esgotado,.lote-card.encerrado{opacity:.55;filter:grayscale(.5)}
.lote-card.esgotado .lote-preco{text-decoration:line-through}
.lote-card.futuro .lote-tag,.lote-card.fechado .lote-tag{background:#241f38}
.lote-preco-big{font-family:var(--serif);font-size:2.8rem;color:var(--terra-deep);margin:12px 0}
/* nas seções escuras, os cards de lote continuam legíveis (fundo claro) */

/* =====================================================================
   HISTÓRIA / QUEM SOMOS
   ===================================================================== */
.hist-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.hist-fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hist-fotos figure{margin:0;border-radius:14px;overflow:hidden;border:2px solid rgba(227,194,126,.55);
  box-shadow:0 18px 36px rgba(0,0,0,.35);transform:rotate(-1.2deg);transition:transform .3s ease}
.hist-fotos figure:nth-child(2n){transform:rotate(1.4deg)}
.hist-fotos figure:hover{transform:rotate(0) scale(1.03);z-index:1}
.hist-fotos img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}
.hist-fotos figure.tall img{aspect-ratio:3/4}
.hist-fotos figcaption{position:absolute;left:0;right:0;bottom:0;padding:.5rem .8rem;font-size:.72rem;
  color:#f4ecda;background:linear-gradient(transparent,rgba(7,6,17,.85));letter-spacing:.06em}
.hist-fotos figure{position:relative}
.timeline{list-style:none;margin:1.2rem 0 0;padding:0;position:relative}
.timeline::before{content:'';position:absolute;left:9px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(180deg,var(--terra),var(--gold))}
.timeline li{position:relative;padding:0 0 1.1rem 34px}
.timeline li::before{content:'✦';position:absolute;left:0;top:0;color:var(--gold);
  background:var(--night);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:.7rem;
  border:1px solid rgba(227,194,126,.5)}
.timeline b{color:var(--gold-soft)}
.galeria-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px}
.galeria-band figure{position:relative;margin:0;border-radius:14px;overflow:hidden;
  border:1px solid rgba(227,194,126,.4);box-shadow:0 16px 32px rgba(0,0,0,.4)}
.galeria-band img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block;transition:transform .4s ease}
.galeria-band figure:hover img{transform:scale(1.06)}
@media(max-width:820px){.hist-grid{grid-template-columns:1fr}}

/* =====================================================================
   POLIMENTO GERAL — filigranas, cantos ornamentados, teaser história
   ===================================================================== */
/* teaser de história na home */
.hist-teaser{margin:1.1rem 0 1.3rem}
.hist-teaser__fotos{display:flex;gap:12px;text-decoration:none}
.hist-teaser__fotos img{width:50%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;
  border:2px solid rgba(201,164,86,.55);box-shadow:0 12px 26px rgba(20,16,46,.2);
  transition:transform .3s ease}
.hist-teaser__fotos img:first-child{transform:rotate(-1.4deg)}
.hist-teaser__fotos img:last-child{transform:rotate(1.2deg)}
.hist-teaser__fotos:hover img{transform:rotate(0) scale(1.02)}

/* cantos art-déco nos form-cards */
.form-card::before,.form-card::after{content:'';position:absolute;width:44px;height:44px;
  background:url('../img/deco-corner.svg') 0 0/contain no-repeat;opacity:.75;pointer-events:none}
.form-card::before{top:10px;left:10px}
.form-card::after{bottom:10px;right:10px;transform:rotate(180deg)}

/* filigrana sob os títulos de seção */
.section-head h2{position:relative;padding-bottom:.65rem}
.section-head h2::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:150px;height:12px;
  background:
    radial-gradient(circle 3px at 50% 50%,var(--gold) 0 3px,transparent 4px),
    linear-gradient(90deg,transparent,rgba(201,164,86,.8) 30%,rgba(201,164,86,.8) 70%,transparent) 50% 50%/100% 1px no-repeat}
.section-head{text-align:center}

/* selo AMIC discreto no rodapé do card da marca */
.footer .brand-mark-img{opacity:.9}

/* page-hero ganha anel arcano ao fundo */
.page-hero{position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;right:-160px;top:-160px;width:420px;height:420px;
  background:url('../img/arcano-ring.svg') center/contain no-repeat;opacity:.35;pointer-events:none;
  animation:spin 120s linear infinite}