/* ONESHU — temas do site. Clássico = estilos atuais em index.html. */

html[data-theme="modern"] {
  --bg: #eef1f4;
  --paper: rgba(255, 255, 255, 0.72);
  --surface: #f7f8fa;
  --text: #121820;
  --muted: #5c6570;
  --navy: #0b1f3a;
  --navy-soft: #dce4ee;
  --gold: #c48a2a;
  --gold-soft: #f3e6cc;
  --line: rgba(11, 31, 58, 0.1);
  --ink-line: rgba(11, 31, 58, 0.1);
}

html[data-theme="modern"] body {
  background:
    radial-gradient(1200px 480px at 8% -10%, rgba(196, 138, 42, 0.12), transparent 55%),
    radial-gradient(900px 420px at 100% 0%, rgba(11, 31, 58, 0.08), transparent 50%),
    var(--bg);
}

html[data-theme="modern"] .nav {
  background: rgba(238, 241, 244, 0.7);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  border-top: 0;
  border-bottom: 1px solid rgba(11, 31, 58, 0.08);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

html[data-theme="modern"] .nav-cta {
  border-bottom: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  letter-spacing: .06em;
}
html[data-theme="modern"] .nav-cta:hover {
  color: #fff;
  background: #16345c;
  border-bottom-color: transparent;
}

html[data-theme="modern"] .hero {
  border-bottom: 0;
  padding: 108px 0 88px;
}

html[data-theme="modern"] .hero-card {
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-left: 1px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 28px 26px 24px;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(11, 31, 58, 0.08);
}

html[data-theme="modern"] .problem-item {
  border-bottom-color: rgba(11, 31, 58, 0.08);
}

html[data-theme="modern"] .btn {
  border-radius: 10px;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
html[data-theme="modern"] .btn-primary {
  box-shadow: 0 10px 24px rgba(11, 31, 58, 0.18);
}
html[data-theme="modern"] .btn-primary:hover {
  transform: translateY(-1px);
  background: #16345c;
}
html[data-theme="modern"] .btn-secondary {
  border-radius: 0;
  padding-bottom: 4px;
}

html[data-theme="modern"] #services,
html[data-theme="modern"] #contact {
  background: transparent;
  border: 0;
}

html[data-theme="modern"] .pillars {
  gap: 16px;
  border: 0;
  background: transparent;
}
html[data-theme="modern"] .pillar {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 18px;
  padding: 28px 24px 30px;
  box-shadow: 0 10px 30px rgba(11, 31, 58, 0.05);
  transition: transform .22s ease, box-shadow .22s ease;
}
html[data-theme="modern"] .pillar:last-child { border-right: 1px solid rgba(255, 255, 255, 0.6); }
html[data-theme="modern"] .pillar:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(11, 31, 58, 0.1);
}
html[data-theme="modern"] .pillar.featured {
  background: linear-gradient(180deg, #122844, #0b1f3a);
  border-color: transparent;
  color: #fff;
}
html[data-theme="modern"] .pillar li { border-top-color: rgba(11, 31, 58, 0.08); }

html[data-theme="modern"] .why-grid {
  gap: 16px;
  border: 0;
}
html[data-theme="modern"] .why-card {
  border: 0;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 28px !important;
  box-shadow: 0 8px 24px rgba(11, 31, 58, 0.05);
}
html[data-theme="modern"] .about-photo img {
  border-radius: 18px;
  box-shadow: 0 24px 50px rgba(11, 31, 58, 0.14);
}

html[data-theme="modern"] .contact-panel {
  border: 0;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(16px);
  border-radius: 20px;
  padding: 28px 26px 24px;
  box-shadow: 0 18px 40px rgba(11, 31, 58, 0.07);
}
html[data-theme="modern"] .contact-panel .field input:not([type="radio"]),
html[data-theme="modern"] .contact-panel .field textarea,
html[data-theme="modern"] .segmented {
  border-radius: 10px;
  border-color: rgba(11, 31, 58, 0.1);
}
html[data-theme="modern"] .submit-btn {
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(11, 31, 58, 0.16);
}

html[data-theme="modern"] footer {
  background: transparent;
  border-top-color: rgba(11, 31, 58, 0.08);
}

html[data-theme="modern"] .chat-toggle {
  box-shadow: 0 12px 30px rgba(11, 31, 58, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="modern"] .pillar,
  html[data-theme="modern"] .btn {
    transition: none;
  }
  html[data-theme="modern"] .pillar:hover,
  html[data-theme="modern"] .btn-primary:hover {
    transform: none;
  }
}


/* ——— Elegante ——— */
html[data-theme="elegant"] {
  --bg: #f6f1e8;
  --paper: #fbf7f0;
  --surface: #fbf7f0;
  --text: #1c1914;
  --muted: #6a645a;
  --navy: #161410;
  --navy-soft: #ece6da;
  --gold: #9a7b3c;
  --gold-soft: #efe4cc;
  --line: #ddd4c4;
  --ink-line: rgba(22, 20, 16, 0.14);
}

html[data-theme="elegant"] body {
  background: var(--bg);
  letter-spacing: 0.01em;
}

html[data-theme="elegant"] .nav {
  background: rgba(246, 241, 232, 0.94);
  border-top: 0;
  border-bottom: 1px solid var(--ink-line);
}

html[data-theme="elegant"] .brand-name,
html[data-theme="elegant"] h1,
html[data-theme="elegant"] h2,
html[data-theme="elegant"] h3,
html[data-theme="elegant"] .hero-sub {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

html[data-theme="elegant"] .brand-name {
  letter-spacing: 0.38em;
  font-size: 1.55rem;
}

html[data-theme="elegant"] h1 {
  font-size: clamp(2.3rem, 5vw, 4.1rem);
  font-weight: 500;
  max-width: 14ch;
}

html[data-theme="elegant"] h2 {
  font-size: clamp(2rem, 3.6vw, 3.1rem);
  font-weight: 500;
}

html[data-theme="elegant"] .eyebrow,
html[data-theme="elegant"] .section-kicker,
html[data-theme="elegant"] .card-label,
html[data-theme="elegant"] .pillar-kicker {
  color: var(--gold);
  letter-spacing: 0.28em;
}

html[data-theme="elegant"] .hero {
  padding: 110px 0 96px;
}

html[data-theme="elegant"] .hero-card {
  padding-left: 40px;
}

html[data-theme="elegant"] .btn-primary {
  background: var(--navy);
  letter-spacing: 0.14em;
  border-radius: 0;
}
html[data-theme="elegant"] .btn-primary:hover { background: #2a241c; }

html[data-theme="elegant"] .nav-cta {
  letter-spacing: 0.16em;
}

html[data-theme="elegant"] .pillars {
  border-color: var(--ink-line);
}
html[data-theme="elegant"] .pillar.featured {
  background: var(--navy);
}

html[data-theme="elegant"] .about-photo img {
  border-radius: 0;
  filter: saturate(0.75) contrast(1.06);
}

html[data-theme="elegant"] #services,
html[data-theme="elegant"] #contact {
  background: var(--paper);
}

html[data-theme="elegant"] .contact-panel {
  border-top: 1px solid var(--navy);
}

html[data-theme="elegant"] .contact-panel .field input,
html[data-theme="elegant"] .contact-panel .field textarea,
html[data-theme="elegant"] .segmented {
  background: var(--paper);
  border-color: rgba(22, 20, 16, 0.16);
}

html[data-theme="elegant"] .submit-btn {
  border-radius: 0;
  letter-spacing: 0.16em;
  background: var(--navy);
}
html[data-theme="elegant"] .submit-btn:hover { background: #2a241c; }

html[data-theme="elegant"] footer {
  background: var(--bg);
}