/*
 * AP Advogados — sistema visual central V16.
 * Uma família editorial para títulos, uma família funcional para todo o restante
 * e somente os pesos 400, 600 e 700 na interface do escritório.
 */

@font-face {
  font-family: "Inter";
  src: url("../fonts/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --font-ui: "Inter", "Segoe UI", Arial, sans-serif;
  --font-editorial: Georgia, "Times New Roman", serif;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  --brand-black: #080808;
  --brand-dark: #0e1518;
  --brand-ivory: #f3e9d8;
  --brand-text-light: #f8f5ee;
  --brand-text-dark: #143235;
  --brand-gold: #c9a35b;
  --brand-gold-light: #d7bb83;
  --brand-gold-dark: #765426;
  --brand-line: rgba(201, 163, 91, 0.38);

  /* Compatibilidade com as regras já consolidadas da V16. */
  --sans: var(--font-ui);
  --serif: var(--font-editorial);
  --gold: var(--brand-gold);
  --gold-2: var(--brand-gold-light);
  --line: var(--brand-line);
  --paper: var(--brand-dark);
}

.home-page,
.area-page {
  --home-dark: var(--brand-dark);
  --home-gold: var(--brand-gold);
  --home-gold-light: var(--brand-gold-light);
  --home-line: var(--brand-line);
}

html {
  font-synthesis: none;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
}

body {
  font-weight: var(--weight-regular);
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-title,
.hero-heading,
.section-title,
.landing-hero-message h1,
.area-card h3,
.home-page .area-tile h3 {
  font-family: var(--font-editorial);
  font-weight: var(--weight-bold);
}

.hero-subtitle,
.landing-hero-message p {
  font-family: var(--font-editorial);
  font-weight: var(--weight-regular);
}

strong,
b {
  font-weight: var(--weight-bold);
}

.main-nav,
.main-nav a,
.nav-group > button,
.header-whatsapp,
.header-contact-copy strong,
.header-schedule,
.nav-schedule-mobile,
.home-action-rectangle,
.btn,
.hero-cta,
.home-whatsapp-cta,
.btn-whatsapp,
.footer-title,
.footer-locations-title,
.footer-location h3,
.footer-list,
.contact-list {
  font-family: var(--font-ui);
}

.main-nav,
.main-nav a,
.nav-group > button,
.header-whatsapp,
.header-contact-copy strong,
.header-schedule,
.nav-schedule-mobile,
.home-action-rectangle {
  font-weight: var(--weight-semibold);
  letter-spacing: 0;
  text-transform: none;
}

.header-schedule,
.home-action-rectangle {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.home-page .header-whatsapp,
.area-page .header-whatsapp,
.home-page .header-contact-copy strong,
.area-page .header-contact-copy strong,
.home-page .header-schedule,
.area-page .header-schedule,
.home-page .nav-schedule-mobile,
.area-page .nav-schedule-mobile,
.home-page .home-action-rectangle {
  font-family: var(--font-ui);
  font-weight: var(--weight-semibold);
  letter-spacing: 0;
  text-transform: none;
}

.home-page .header-schedule,
.area-page .header-schedule,
.home-page .nav-schedule-mobile,
.area-page .nav-schedule-mobile,
.home-page .home-action-rectangle {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.home-page .hero-support {
  color: var(--brand-gold-light);
  font-family: var(--font-ui);
  font-weight: var(--weight-semibold);
}

.eyebrow,
.section-kicker,
.home-page .area-card-eyebrow,
.home-page .area-card-cta,
.privacy-kicker {
  color: var(--brand-gold);
  font-family: var(--font-ui);
  font-weight: var(--weight-semibold);
}

.home-page .areas-intro .section-kicker,
.home-page .areas-intro h2 {
  color: var(--brand-gold-light);
}

.home-page .areas-intro h2 {
  font-family: var(--font-ui);
  font-weight: var(--weight-bold);
}

.home-page .area-card-eyebrow,
.home-page .area-card-cta {
  color: var(--brand-gold-light);
}

.landing-hero .eyebrow {
  color: var(--brand-gold-light);
}

.home-page .area-tile {
  color: var(--brand-text-light);
}

.footer-title,
.footer-locations-title,
.footer-location h3,
.review-name,
.google-mark,
.google-avatar,
.google-review-name,
.google-platform,
.google-verified,
.area-page .process-step {
  font-weight: var(--weight-bold);
}

.area-card span,
.privacy-block a,
.trust-row,
.floating-wa {
  font-weight: var(--weight-semibold);
}

.btn,
.btn-whatsapp,
.btn-whatsapp strong,
.header-wa,
.header-wa small,
.header-wa strong {
  font-weight: var(--weight-semibold) !important;
}

.main-nav a:hover,
.main-nav a.active,
.nav-group.is-open > button,
.main-nav.is-open .nav-group.is-open > button,
.footer-list a:hover {
  color: var(--brand-gold);
}

.header-whatsapp,
.header-schedule,
.home-action-rectangle {
  color: var(--brand-gold-light);
}

.home-page .header-whatsapp,
.area-page .header-whatsapp,
.home-page .header-schedule,
.area-page .header-schedule,
.home-page .home-action-rectangle {
  color: var(--brand-gold-light);
}

.home-page .header-schedule,
.area-page .header-schedule,
.home-page .home-action-rectangle {
  border-color: rgba(201, 163, 91, 0.72);
  background-color: rgba(201, 163, 91, 0.035);
}

.home-page .header-schedule:hover,
.area-page .header-schedule:hover,
.home-page .home-action-rectangle:hover {
  color: var(--brand-text-light);
  border-color: rgba(215, 187, 131, 0.94);
  background-color: rgba(201, 163, 91, 0.1);
}

.home-page .nav-schedule-mobile,
.area-page .nav-schedule-mobile {
  color: var(--brand-gold-light) !important;
  border-color: rgba(201, 163, 91, 0.58);
  background-color: rgba(201, 163, 91, 0.04) !important;
}

.home-page .home-photo-contact-cta {
  color: var(--brand-gold-dark);
  border-color: rgba(118, 84, 38, 0.72);
  background-color: rgba(255, 255, 255, 0.14);
}

.home-page .home-photo-contact-cta:hover {
  color: #4e3517;
  border-color: rgba(118, 84, 38, 0.86);
  background-color: rgba(201, 163, 91, 0.12);
}

/* Hierarquia institucional da home: os dois títulos usam a mesma escala. */
.home-page:not(.landing-page) .office-layout .section-title,
.home-page:not(.landing-page) .office-layout .prose h3 {
  font-family: var(--font-editorial);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: var(--weight-bold);
  line-height: 1.05;
}

/* Títulos institucionais em fundos claros compartilham o mesmo tom escuro. */
.section.white .section-title,
.section.white .prose h3 {
  color: var(--ink, #071c1d);
}

/* WhatsApp flutuante 12% maior, preservando posição e proporção. */
.floating-wa.wa-image-link {
  width: 54px;
  height: 54px;
}

@media (max-width: 620px) {
  .floating-wa.wa-image-link {
    width: 66px;
    height: 66px;
  }
}

@media (min-width: 981px) {
  .home-page .main-nav,
  .home-page .main-nav a,
  .home-page .nav-group > button,
  .home-page .header-contact-copy strong,
  .home-page .header-schedule,
  .area-page .main-nav,
  .area-page .main-nav a,
  .area-page .nav-group > button,
  .area-page .header-contact-copy strong,
  .area-page .header-schedule {
    font-size: 12px;
  }
}