/* TEMA BARBEARIA — "Navalha": clássico contemporâneo, serif editorial, dourado sobre quase-preto */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600&display=swap');

:root {
  --brand: #D9A441;
  --dark: #14110B;
  --ink: #241E12;
  --muted: #6d6353;
  --paper: #FBF7EF;
  --soft: #F4EDDF;
  --line: #E7DCC6;
  --font-head: 'Cormorant Garamond', serif;
  --radius: 2px;
}

body { background: var(--paper); }
h1, h2, h3 { font-family: var(--font-head); font-weight: 600; letter-spacing: 0; }
h1 { font-size: clamp(2.8rem, 6.5vw, 4.8rem); line-height: 1.04; }
h2 { font-size: clamp(2rem, 4vw, 3rem); }
h3 { font-size: 1.35rem; }

.brand-mark { letter-spacing: .3em; }
.brand-name { font-family: var(--font-head); font-weight: 700; font-size: 1.65rem; letter-spacing: .01em; }

.kicker { font-family: 'Inter', sans-serif; font-size: .72rem; letter-spacing: .3em; }
.btn { border-radius: 0; font-family: 'Inter', sans-serif; font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; }
.btn-solid { background: var(--brand); color: #14110B; }

.hero-badge { border-radius: 0; letter-spacing: .08em; }
.hero-tagline { font-family: var(--font-head); font-style: italic; font-size: 1.05rem; color: rgba(255,255,255,.75); }

/* serviços como carta de preços */
.mod-grid { grid-template-columns: repeat(2, 1fr); gap: 0 60px; margin-top: 30px; }
.mod-card {
  display: grid; grid-template-columns: 44px 1fr; gap: 4px 16px; align-items: start;
  background: none; border: 0; border-bottom: 1px solid rgba(255,255,255,.14);
  border-radius: 0; padding: 26px 4px;
}
.mod-card:hover { transform: none; background: rgba(217,164,65,.05); border-bottom-color: var(--brand); }
.mod-icon { width: 40px; height: 40px; border-radius: 50%; background: none; border: 1px solid rgba(217,164,65,.5); grid-row: span 2; margin-bottom: 0; }
.mod-card h3 { color: #fff; margin: 0; }
.mod-card p { grid-column: 2; }

.shot { border-radius: 0; }
.shot figcaption { font-family: var(--font-head); font-style: italic; font-size: 1rem; }
.hour-card { border-radius: 0; }
.hour-cta { background: rgba(217,164,65,.1); border-color: rgba(217,164,65,.45); }
.card-form, .map { border-radius: 0; }
.card-form { background: #fff; }
.perks svg, .contact-list svg, .hour-card svg { color: var(--brand); }
.social a { border-radius: 0; }
.stats { border-top: 1px solid rgba(217,164,65,.25); }
.stat strong { font-family: var(--font-head); font-weight: 700; font-size: 2.1rem; }

@media (max-width: 720px) { .mod-grid { grid-template-columns: 1fr; } }