/* ═══════════════════════════════════════════════════════
   INSTITUTO LORDE — SKIN
   Decoração visual: cores, gradientes, sombras, bordas.
   Estiliza as classes de layout das core/sections.
═══════════════════════════════════════════════════════ */

/* ── hero ── */
.hero {
  background:
    radial-gradient(ellipse at 18% 65%, rgba(201,168,76,0.07) 0%, transparent 48%),
    radial-gradient(ellipse at 82% 12%, rgba(36,53,86,0.8) 0%, transparent 55%),
    linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 45%, var(--navy-mid) 72%, #162036 100%);
}
.hero-top-line {
  background: linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);
}
.hero-glow {
  background:
    radial-gradient(ellipse 60% 50% at 15% 60%, rgba(201,168,76,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 40% 35% at 88% 18%, rgba(255,255,255,0.025) 0%, transparent 50%);
}
.paw-svg { fill: var(--gold); opacity: 0.06; }
.paw-svg:nth-child(2){ opacity:0.05; }
.paw-svg:nth-child(4){ opacity:0.05; }
.paw-svg:nth-child(5){ opacity:0.05; }

.hero-badge {
  background: rgba(201,168,76,0.09); border: 1px solid rgba(201,168,76,0.25);
  color: var(--gold-light);
}
.badge-dot { background: var(--gold-light); }
.hero-text h1 { color: #fff; }
.hero-text h1 em {
  background: linear-gradient(135deg,var(--gold),var(--gold-light),var(--gold-bright));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero-text p { color: rgba(255,255,255,0.62); }

.hero-card {
  background: rgba(255,255,255,0.035);
  backdrop-filter: blur(28px);
  border: 1px solid rgba(201,168,76,0.16);
  box-shadow: 0 24px 80px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05);
}
.mini-stat {
  background: rgba(255,255,255,0.038); border: 1px solid rgba(255,255,255,0.07);
}
.mini-stat:hover { border-color: rgba(201,168,76,0.28); background: rgba(201,168,76,0.05); }
.mini-stat .stat-icon { background: rgba(201,168,76,0.11); }
.mini-stat strong {
  background: linear-gradient(135deg,var(--gold),var(--gold-bright));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.mini-stat span { color: rgba(255,255,255,0.48); }
.hc-bottom {
  background: linear-gradient(135deg,rgba(201,168,76,0.09),rgba(201,168,76,0.04));
  border: 1px solid rgba(201,168,76,0.20);
}
.hc-bottom-icon { background: rgba(201,168,76,0.13); }
.hc-bottom p { color: rgba(255,255,255,0.80); }
.hc-bottom strong { color: var(--gold-light); }

/* ── stats-strip ── */
.stats-strip {
  background: linear-gradient(180deg,var(--navy-deep) 0%,var(--navy-dark) 100%);
  border-top: 1px solid rgba(201,168,76,0.12);
}
.stats-strip::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background: linear-gradient(90deg,transparent,rgba(201,168,76,0.25),transparent);
}
.stat-block { border-right: 1px solid rgba(255,255,255,0.05); }
.stat-block:last-child { border-right: none; }
.stat-icon-wrap {
  background: linear-gradient(135deg,rgba(201,168,76,0.12),rgba(201,168,76,0.05));
  border: 1px solid rgba(201,168,76,0.18);
}
.stat-num {
  background: linear-gradient(135deg,var(--gold-light),var(--gold-bright));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.stat-lbl { color: rgba(255,255,255,0.52); }

/* ── split-content ── */
.split-content {
  background:
    radial-gradient(ellipse at 5% 50%, rgba(201,168,76,0.04) 0%, transparent 50%),
    linear-gradient(180deg, var(--navy-dark) 0%, var(--navy) 100%);
}
.split-lead { color: rgba(255,255,255,0.58); }
.split-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); }
.split-card:hover { border-color: rgba(201,168,76,0.28); background: rgba(201,168,76,0.04); }
.split-card-icon {
  background: linear-gradient(135deg,rgba(201,168,76,0.14),rgba(201,168,76,0.05));
}
.split-card h4 { color: #fff; }
.split-card p  { color: rgba(255,255,255,0.48); }

.split-panel {
  background:
    radial-gradient(ellipse at 80% 15%, rgba(201,168,76,0.07) 0%, transparent 55%),
    rgba(255,255,255,0.03);
  border: 1px solid rgba(201,168,76,0.16);
  box-shadow: 0 20px 60px rgba(0,0,0,0.30);
}
.split-panel::before {
  content:''; position:absolute; top:0; right:0; width:200px; height:200px;
  background: radial-gradient(ellipse at top right,rgba(201,168,76,0.10),transparent 70%);
  pointer-events: none;
}
.split-panel-paw { color: var(--gold); }
.split-panel h3 { color: #fff; }
.split-panel h3 span { color: var(--gold-light); font-style: italic; }
.split-panel blockquote {
  border-left-color: var(--gold);
  color: rgba(255,255,255,0.72);
}
.split-founder-av {
  background: linear-gradient(135deg,rgba(201,168,76,0.18),rgba(201,168,76,0.08));
  border: 1px solid rgba(201,168,76,0.35);
}
.split-founder-av + div strong { color: #fff; }
.split-founder-av + div span  { color: rgba(255,255,255,0.45); }

/* ── cta-banner ── */
.cta-banner {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(201,168,76,0.10) 0%, transparent 60%),
    linear-gradient(180deg, var(--navy-mid) 0%, var(--navy-dark) 100%);
}
.cta-banner::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background: linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);
}
.cta-banner::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
  background: linear-gradient(90deg,transparent,rgba(201,168,76,0.35),transparent);
}
.cta-banner p { color: rgba(255,255,255,0.65); }

/* ── page-hero ── */
.page-hero {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.10) 0%, transparent 60%),
    linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 45%, var(--navy-mid) 80%, #162036 100%);
}
.page-hero::before {
  background: linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);
}
.page-hero-badge {
  background: rgba(201,168,76,0.09); border: 1px solid rgba(201,168,76,0.25);
  color: var(--gold-light);
}
.page-hero h1 { color: #fff; }
.page-hero h1 em { color: var(--gold-light); }
.page-hero p { color: rgba(255,255,255,0.60); }

/* ── rich-text ── */
.rich-text {
  background: linear-gradient(180deg, var(--navy-dark) 0%, var(--navy) 100%);
}
.rich-text-inner p { color: rgba(255,255,255,0.62); }
.rich-text-inner p strong { color: #fff; }
.rich-highlight {
  background: linear-gradient(135deg,rgba(201,168,76,0.08),rgba(201,168,76,0.04));
  border-left-color: var(--gold);
}
.rich-highlight p { color: rgba(255,255,255,0.80) !important; }
.rich-stat { background: rgba(255,255,255,0.035); border: 1px solid rgba(201,168,76,0.16); }
.rich-stat:hover { border-color: rgba(201,168,76,0.35); background: rgba(201,168,76,0.05); }
.rich-stat .num {
  background: linear-gradient(135deg,var(--gold),var(--gold-bright));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.rich-stat .unit { color: #fff; }
.rich-stat p { color: rgba(255,255,255,0.50); }

/* ── timeline ── */
.timeline-section {
  background:
    radial-gradient(ellipse at 5% 50%, rgba(201,168,76,0.04) 0%, transparent 50%),
    linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);
}
.timeline::before {
  background: linear-gradient(180deg, var(--gold), rgba(201,168,76,0.10));
}
.tl-dot {
  background: linear-gradient(135deg,var(--gold-dark),var(--gold-light));
  border: 3px solid var(--navy-dark);
  box-shadow: 0 0 0 3px rgba(201,168,76,0.20);
}
.tl-year { color: var(--gold); }
.tl-box { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); }
.tl-box:hover { border-color: rgba(201,168,76,0.28); background: rgba(201,168,76,0.04); }
.tl-box h3 { color: #fff; }
.tl-icon { background: rgba(201,168,76,0.12); }
.tl-box p { color: rgba(255,255,255,0.55); }

/* ── card-grid ── */
.card-grid-section {
  background: linear-gradient(180deg, var(--navy-dark) 0%, var(--navy-deep) 100%);
  border-top: 1px solid rgba(201,168,76,0.10);
}
.card-grid-item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); }
.card-grid-item:hover { border-color: rgba(201,168,76,0.28); background: rgba(201,168,76,0.04); }
.card-grid-icon {
  background: linear-gradient(135deg,rgba(201,168,76,0.14),rgba(201,168,76,0.05));
}
.card-grid-item h4 { color: #fff; }
.card-grid-item p  { color: rgba(255,255,255,0.50); }