/* =============================================================
   Tema TEMPLO — noturno, cinematográfico, simbólico
   ============================================================= */
[data-st-mode="claro"] {
  --st-primary: #1d2440; --st-accent: #b08d3a;
  --st-bg: #f5f3ee; --st-surface: #ffffff; --st-surface-2: #ebe7dd;
  --st-text: #151827; --st-muted: #5f637a; --st-on-primary: #ffffff; --st-on-accent: #151827;
  --st-border: rgba(21,24,39,.12);
  --st-shadow: 0 16px 44px rgba(21,24,39,.12); --st-shadow-lg: 0 34px 90px rgba(21,24,39,.2);
}
[data-st-mode="escuro"] {
  --st-primary: #d4b46a; --st-accent: #f0d48a;
  --st-bg: #07080d; --st-surface: #0f1119; --st-surface-2: #171a26;
  --st-text: #efeadc; --st-muted: #9b9787; --st-on-primary: #07080d; --st-on-accent: #07080d;
  --st-border: rgba(212,180,106,.16);
  --st-shadow: 0 16px 44px rgba(0,0,0,.6); --st-shadow-lg: 0 34px 90px rgba(0,0,0,.75);
}
:root {
  --st-radius: 6px; --st-radius-sm: 4px; --st-radius-btn: 2px;
  --st-header-h: 84px; --st-title-tracking: .04em; --st-title-weight: 500;
}

.st-tema-templo .st-body, .st-tema-templo { background-color: var(--st-bg); }
.st-tema-templo h1, .st-tema-templo h2, .st-tema-templo .st-title, .st-tema-templo .st-sec-title { text-transform: uppercase; letter-spacing: .06em; font-weight: 500; }
.st-tema-templo h3 { letter-spacing: .02em; }
.st-tema-templo .st-kicker { color: var(--st-accent); letter-spacing: .3em; font-size: .68rem; }
.st-tema-templo .st-kicker::before { width: 30px; height: 1px; }
.st-tema-templo .st-sec-head--center .st-sec-title::after { content: ""; display: block; width: 1px; height: 40px; background: linear-gradient(var(--st-accent), transparent); margin: 1.25rem auto 0; }
[data-st-mode="escuro"] .st-tema-templo::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(60% 40% at 50% -10%, color-mix(in srgb, var(--st-primary) 14%, transparent), transparent 70%),
    repeating-linear-gradient(0deg, transparent 0 39px, rgba(212,180,106,.025) 39px 40px);
}

/* Header overlay */
.st-tema-templo .st-header--overlay { color: #fff; }
.st-tema-templo .st-header--overlay:not(.is-scrolled) .st-brand-text strong,
.st-tema-templo .st-header--overlay:not(.is-scrolled) .st-nav-list > li > a { color: #fff; }
.st-tema-templo .st-header--overlay:not(.is-scrolled) .st-nav-toggle,
.st-tema-templo .st-header--overlay:not(.is-scrolled) .st-mode-toggle { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); color: #fff; }
.st-tema-templo .st-header--overlay.is-scrolled { border-bottom: 1px solid var(--st-border); }
.st-tema-templo .st-brand-text strong { text-transform: uppercase; letter-spacing: .18em; font-size: .88rem; font-weight: 600; }
.st-tema-templo .st-brand-logo { border-radius: 0; }
.st-tema-templo .st-nav-list > li > a { text-transform: uppercase; letter-spacing: .18em; font-size: .7rem; font-weight: 500; border-radius: 0; padding: .6rem .9rem; }
.st-tema-templo .st-nav-list > li > a::after { content: ""; position: absolute; left: 50%; bottom: .25rem; width: 4px; height: 4px; border-radius: 50%; background: var(--st-accent); transform: translateX(-50%) scale(0); transition: transform .25s var(--st-ease); }
.st-tema-templo .st-nav-list > li > a:hover::after { transform: translateX(-50%) scale(1); }
.st-tema-templo .st-nav-list > li > a:hover { background: transparent; color: var(--st-accent); }
.st-tema-templo .st-mode-toggle, .st-tema-templo .st-nav-toggle { border-radius: 0; }
.st-tema-templo .st-mode-toggle-thumb { border-radius: 0; background: var(--st-accent); }
@media (max-width: 900px) {
  .st-tema-templo .st-header--overlay:not(.is-scrolled) .st-brand-text strong,
  .st-tema-templo .st-header--overlay:not(.is-scrolled) .st-nav-list > li > a { color: var(--st-text); }
  .st-tema-templo .st-header--overlay:not(.is-scrolled) .st-nav-toggle,
  .st-tema-templo .st-header--overlay:not(.is-scrolled) .st-mode-toggle { background: var(--st-surface); border-color: var(--st-border); color: var(--st-text); }
}

/* Botões */
.st-tema-templo .st-btn { text-transform: uppercase; letter-spacing: .2em; font-size: .72rem; padding: 1rem 1.8rem; box-shadow: none; border-width: 1px; }
.st-tema-templo .st-btn--primary { background: transparent; border-color: var(--st-accent); color: var(--st-accent); }
.st-tema-templo .st-btn--primary:hover { background: var(--st-accent); color: var(--st-on-accent); }
.st-tema-templo .st-hero .st-btn--primary, .st-tema-templo .st-banner-caption .st-btn { border-color: #f0d48a; color: #f0d48a; background: transparent; }
.st-tema-templo .st-hero .st-btn--primary:hover, .st-tema-templo .st-banner-caption .st-btn:hover { background: #f0d48a; color: #07080d; }
.st-tema-templo .st-btn--light { background: transparent; border-color: #fff; color: #fff; }
.st-tema-templo .st-btn--light:hover { background: #fff; color: #07080d; }

/* Hero cinematográfico em tela cheia */
.st-tema-templo .st-hero { min-height: 100svh; align-items: center; text-align: center; }
.st-tema-templo .st-hero-inner { margin-inline: auto; max-width: 860px; padding-top: calc(var(--st-header-h) + 2rem); }
.st-tema-templo .st-hero:not(.st-hero--has-img) .st-hero-overlay { background: radial-gradient(80% 60% at 50% 100%, color-mix(in srgb, var(--st-primary) 70%, #000) 0%, #07080d 100%); opacity: 1; }
[data-st-mode="claro"] .st-tema-templo .st-hero:not(.st-hero--has-img) .st-hero-overlay { background: radial-gradient(80% 60% at 50% 100%, var(--st-primary) 0%, #0d1020 100%); }
.st-tema-templo .st-hero--has-img .st-hero-overlay { background: linear-gradient(180deg, rgba(7,8,13,.5), rgba(7,8,13,.85)); }
.st-tema-templo .st-hero-bg img { animation: st-ken-burns 30s ease-out forwards alternate infinite; }
.st-tema-templo .st-hero-title { font-size: clamp(2.2rem, 5.5vw, 4.4rem); font-weight: 400; letter-spacing: .1em; }
.st-tema-templo .st-hero-badge { border-radius: 0; background: transparent; border: 1px solid #f0d48a; color: #f0d48a; letter-spacing: .3em; font-size: .68rem; }
.st-tema-templo .st-hero-actions { justify-content: center; }
.st-tema-templo .st-hero-sub { margin-inline: auto; }
.st-tema-templo .st-hero .st-hero-scroll { display: block; }
.st-tema-templo .st-banner-sec { height: 100svh; }
.st-tema-templo .st-banner-title { text-transform: uppercase; letter-spacing: .1em; font-weight: 400; }

/* Componentes */
.st-tema-templo .st-card-item { background: var(--st-surface); border: 1px solid var(--st-border); border-radius: 0; padding: 2rem 1.75rem; }
.st-tema-templo .st-card-item::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--st-accent), transparent); }
.st-tema-templo .st-card-item:hover { border-color: color-mix(in srgb, var(--st-accent) 50%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--st-accent) 20%, transparent), var(--st-shadow); }
.st-tema-templo .st-card-icon { border-radius: 0; background: transparent; border: 1px solid var(--st-accent); color: var(--st-accent); transform: rotate(45deg); width: 44px; height: 44px; margin: .25rem 0 1.5rem .25rem; }
.st-tema-templo .st-card-icon i { transform: rotate(-45deg); }
.st-tema-templo .st-stats-grid { gap: 1px; background: var(--st-border); }
.st-tema-templo .st-stat { border: 0; border-radius: 0; background: var(--st-bg); padding: 2rem 1rem; }
.st-tema-templo .st-stat-num { color: var(--st-accent); font-weight: 400; }
.st-tema-templo .st-stat-lbl { text-transform: uppercase; letter-spacing: .18em; font-size: .7rem; }
.st-tema-templo .st-quote-mark { color: var(--st-accent); }
.st-tema-templo .st-quote p { font-style: normal; font-weight: 400; text-transform: none; letter-spacing: .01em; }
.st-tema-templo .st-quote footer { color: var(--st-accent); letter-spacing: .25em; }
.st-tema-templo .st-cta-inner { border-radius: 0; background: var(--st-surface); color: var(--st-text); border: 1px solid var(--st-border); box-shadow: none; }
.st-tema-templo .st-cta-inner::after { display: none; }
.st-tema-templo .st-cta-inner::before { content: ""; position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--st-accent) 35%, transparent); margin: 8px; pointer-events: none; }
.st-tema-templo .st-cta-inner h2 { color: var(--st-text); }
.st-tema-templo .st-cta-inner p { color: var(--st-muted); }
.st-tema-templo .st-cta-inner .st-btn--primary { background: transparent; color: var(--st-accent); border-color: var(--st-accent); }
.st-tema-templo .st-split-media img { border-radius: 0; box-shadow: var(--st-shadow-lg); }
.st-tema-templo .st-split-media::before { border-radius: 0; background: transparent; border: 1px solid color-mix(in srgb, var(--st-accent) 45%, transparent); }
.st-tema-templo .st-timeline::before { background: linear-gradient(var(--st-accent), transparent); width: 1px; left: 11.5px; }
.st-tema-templo .st-tl-dot { border-radius: 0; transform: rotate(45deg); border-color: var(--st-accent); background: var(--st-bg); }
.st-tema-templo .st-tl-dot::after { border-radius: 0; background: var(--st-accent); width: 6px; height: 6px; }
.st-tema-templo .st-tl-year { color: var(--st-accent); letter-spacing: .12em; }
.st-tema-templo .st-faq-item { background: transparent; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; }
.st-tema-templo .st-faq-item summary::after { color: var(--st-accent); }
.st-tema-templo .st-gallery a, .st-tema-templo .st-xv-foto, .st-tema-templo .st-map[data-st-map], .st-tema-templo .st-video-wrap, .st-tema-templo .st-article-cover img, .st-tema-templo .st-contact-list li, .st-tema-templo .st-blog-card, .st-tema-templo .st-blog-card-media { border-radius: 0; }
.st-tema-templo .st-gallery img { filter: saturate(.85) contrast(1.05); }
.st-tema-templo .st-chip { border-radius: 0; background: transparent; border: 1px solid var(--st-accent); color: var(--st-accent); letter-spacing: .14em; }
.st-tema-templo .st-xv-foto { border-color: color-mix(in srgb, var(--st-accent) 30%, transparent); }
.st-tema-templo .st-xv-periodo { color: var(--st-accent); letter-spacing: .1em; }
.st-tema-templo .st-social-links a { border-radius: 0; background: transparent; }
.st-tema-templo .st-social-links a i { color: var(--st-accent); }
.st-tema-templo .st-footer { background: var(--st-surface); border-top: 1px solid var(--st-border); }
.st-tema-templo .st-footer .st-footer-nav a { text-transform: uppercase; letter-spacing: .18em; font-size: .7rem; }
.st-tema-templo .st-ornament--gold { color: var(--st-accent); }
.st-tema-templo .st-footer-copy { letter-spacing: .1em; text-transform: uppercase; font-size: .7rem; }
.st-tema-templo .st-totop { border-radius: 0; border-color: var(--st-accent); color: var(--st-accent); background: var(--st-bg); }
.st-tema-templo .st-totop:hover { background: var(--st-accent); color: var(--st-on-accent); }
.st-tema-templo .st-progress span { background: var(--st-accent); }
.st-tema-templo .st-breadcrumbs ol { text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; }
