/* Matias Saúde e Vida — identidade visual baseada no receituário enviado.
   Amostras da arte original: verde #062B1C, dourado #B1792E, creme #F9EDE5. */
:root {
  --msv-green: #062B1C;
  --msv-green-dark: #032419;
  --msv-gold: #B1792E;
  --msv-cream: #F9EDE5;
  --msv-ink: #0B3022;
  --msv-copy: #405447;
  --msv-soft: #FFF9F3;
  --msv-border: rgba(177,121,46,.22);
  --msv-shadow: 0 16px 42px rgba(6,43,28,.12);
}
html { background: var(--msv-cream); }
body, .poster { background: var(--msv-cream) !important; color: var(--msv-ink); }
.site-navbar { background: rgba(249,237,229,.97) !important; border-bottom: 1px solid var(--msv-border); }
.navbar-brand-copy strong, .navbar-brand-copy span { color: var(--msv-green) !important; }
.navbar-brand-copy span { color: #906121 !important; }
.nav-link, .navbar-phone { color: var(--msv-green) !important; }
.nav-link:hover, .nav-link:focus-visible, .navbar-phone:hover, .navbar-phone:focus-visible { color: #8A591E !important; }
.nav-link::after { background: var(--msv-gold) !important; }
.navbar-phone { background: rgba(177,121,46,.11) !important; border: 1px solid rgba(177,121,46,.19); }
.nav-toggle { background: var(--msv-green) !important; }
.nav-appointment { display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; min-height: 44px; padding: 11px 20px; border-radius: 999px; background: var(--msv-green); border: 1px solid var(--msv-gold); color: #fff8ec; text-decoration: none; font-size: 14px; font-weight: 700; box-shadow: 0 6px 16px rgba(6,43,28,.17); transition: transform .2s ease, background .2s ease; }
.nav-appointment:hover { background: #0E5035; transform: translateY(-2px); }
.nav-appointment:focus-visible, .msv-art-appointment:focus-visible, .msv-mobile-appointment:focus-visible { outline: 3px solid #D7A04A; outline-offset: 4px; }
.poster-top, .hero-mobile-copy { background: var(--msv-cream) !important; }
.hero-mobile-copy { background: linear-gradient(180deg, #FFF9F3, #F9EDE5) !important; }
.hero-mobile-copy h1, .hero-mobile-kicker { color: var(--msv-green) !important; }
.hero-mobile-copy > p:not(.hero-mobile-kicker) { color: var(--msv-copy) !important; }
.hero-mobile-button, .conditions-toggle, .button-gold { background: var(--msv-green) !important; color: #fffaf3 !important; border-color: var(--msv-gold) !important; }
.conditions-html { background: linear-gradient(180deg, #F9EDE5 0%, #FFF9F3 100%) !important; }
.conditions-kicker, .msv-presentation-kicker { color: #956324 !important; }
.conditions-heading h2, .conditions-heading > p:last-child { color: var(--msv-green) !important; }
.condition-card { border: 1px solid rgba(177,121,46,.14) !important; border-radius: 14px; background: #FFFAF5 !important; }
.condition-card:hover { background: #FFF4E9 !important; box-shadow: 0 10px 27px rgba(6,43,28,.1); }
.condition-card h2 { color: var(--msv-green) !important; }
.condition-card p { color: var(--msv-copy) !important; }
.msv-showcase, .msv-problem, .msv-knowledge, .msv-site-footer { background: var(--msv-cream) !important; }
.msv-problem-card, .msv-content-card, .msv-footer-contact, .simple-page-inner { background: #FFFAF5 !important; border-color: rgba(177,121,46,.27) !important; }
.msv-problem-card h2, .msv-heading-title h2, .msv-presentation-header h2, .msv-content-card h2, .msv-footer-contact h3, .simple-page h1 { color: var(--msv-green) !important; }
.msv-problem-card > p:not(.msv-mission), .msv-copy p, .msv-why-intro, .msv-integrative-note p, .msv-footer-contact p, .msv-footer-contact address, .msv-footer-contact a, .msv-footer-bottom p, .simple-page p { color: var(--msv-copy) !important; }
.msv-problem-card strong, .msv-copy strong { color: var(--msv-green) !important; }
.msv-mission, .msv-star, .msv-quote { color: #94601F !important; }
.msv-gold-line { background: var(--msv-gold) !important; }
.msv-tags li { background: #F4E7D7 !important; color: #76501F !important; }
.msv-presentation-banner { background: radial-gradient(circle at 90% 0%, rgba(209,163,105,.23), transparent 40%), linear-gradient(180deg, #F9EDE5 0%, #FFF9F3 100%) !important; }
.msv-presentation-art { position: relative; isolation: isolate; border: 2px solid rgba(177,121,46,.52); background: #FFF9F3; overflow: hidden; box-shadow: 0 24px 54px rgba(6,43,28,.18); }
.msv-presentation-art img { width: 100%; display: block; animation: msv-image-breathe 11s ease-in-out infinite alternate; transform-origin: 50% 45%; }
.msv-presentation-art::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(105deg, transparent 35%, rgba(255,242,207,.16) 49%, transparent 59%); transform: translateX(-130%); animation: msv-gold-shimmer 12s ease-in-out infinite; }
@keyframes msv-image-breathe { from { transform: scale(1); } to { transform: scale(1.018); } }
@keyframes msv-gold-shimmer { 0%, 63%, 100% { transform: translateX(-130%); } 82% { transform: translateX(130%); } }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
/* Área interativa correspondente ao botão de agendar desenhado na imagem (1672 × 941) */
.msv-art-appointment { position: absolute; z-index: 3; display: block; left: 4.0%; top: 80.8%; width: 23%; height: 8.4%; border-radius: 30px; cursor: pointer; text-decoration: none; transition: box-shadow .2s ease; }
.msv-art-appointment:hover { box-shadow: 0 0 0 3px rgba(255,244,207,.82), 0 0 24px rgba(177,121,46,.55); }
.msv-mobile-appointment { display: none; }
.msv-integrative-note { background: #FFF8EF !important; border-color: rgba(177,121,46,.26) !important; }
.msv-footer-mission { background: var(--msv-green) !important; color: #FFF9F3 !important; border-color: var(--msv-gold) !important; }
.msv-footer-mission blockquote, .msv-footer-mission p { color: #FFF9F3 !important; }
.msv-footer-bottom { border-top-color: rgba(177,121,46,.26) !important; }
.simple-page { background: var(--msv-cream) !important; }
.modal-card { background: #FFF9F3 !important; }
.modal-card h2 { color: var(--msv-green) !important; }
.result-btn:hover { border-color: var(--msv-gold); }
:where(a,button,input,select,textarea):focus-visible { outline: 3px solid #C18B3B; outline-offset: 3px; }
@media (min-width: 861px) and (max-width: 1150px) { .primary-nav .nav-appointment { display: none; } }
@media (max-width: 860px) { .primary-nav .nav-appointment { margin: 8px 14px 14px; align-self: stretch; } }
@media (max-width: 1000px) {
  .msv-art-appointment { display: none; }
  .msv-mobile-appointment { display: flex; min-height: 50px; align-items: center; justify-content: center; gap: 9px; width: min(100%, 540px); margin: 18px auto 0; padding: 14px 20px; border-radius: 14px; border: 1px solid var(--msv-gold); background: var(--msv-green); color: #FFF9F3; text-decoration: none; font-weight: 800; text-align: center; box-shadow: 0 8px 22px rgba(6,43,28,.17); }
  .msv-mobile-appointment:hover { background: #0E5035; }
}
@media (prefers-reduced-motion: reduce) { .msv-presentation-art img, .msv-presentation-art::after { animation: none !important; transform: none !important; } .nav-appointment, .msv-art-appointment { transition: none !important; } }


/* ===== Ajuste visual solicitado: mais vida, verde vivo e dourado/ouro ===== */
:root {
  --msv-green: #0B5A38;
  --msv-green-dark: #063726;
  --msv-gold: #D4A12F;
  --msv-gold-deep: #B97C12;
  --msv-cream: #FFF8EC;
  --msv-ink: #0A3927;
  --msv-copy: #365345;
  --msv-soft: #FFFDF7;
  --msv-border: rgba(212,161,47,.28);
  --msv-shadow: 0 18px 48px rgba(11,90,56,.14);
}

html {
  background:
    radial-gradient(circle at top left, rgba(212,161,47,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(57,143,91,.16), transparent 24%),
    linear-gradient(180deg, #FFF8EC 0%, #FFFDF8 100%);
}

body, .poster {
  background:
    radial-gradient(circle at top left, rgba(212,161,47,.14), transparent 20%),
    linear-gradient(180deg, #FFF8EC 0%, #FFFDF8 100%) !important;
}

.site-navbar {
  background: rgba(255, 249, 238, .94) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(11,90,56,.08);
}

.nav-link:hover, .nav-link:focus-visible, .navbar-phone:hover, .navbar-phone:focus-visible {
  color: var(--msv-gold-deep) !important;
}

.nav-appointment,
.hero-mobile-button,
.conditions-toggle,
.button-gold,
.cookie-banner__button {
  background: linear-gradient(135deg, var(--msv-gold) 0%, var(--msv-gold-deep) 100%) !important;
  border-color: #e2bf69 !important;
  color: #fffdf8 !important;
  box-shadow: 0 12px 24px rgba(185,124,18,.22);
}

.nav-appointment:hover,
.hero-mobile-button:hover,
.conditions-toggle:hover,
.button-gold:hover,
.cookie-banner__button:hover {
  transform: translateY(-2px);
  filter: saturate(1.08) brightness(1.03);
}

.poster-top--image-only {
  background:
    radial-gradient(circle at 15% 0%, rgba(212,161,47,.20), transparent 30%),
    linear-gradient(180deg, #fff8ec 0%, #fffef9 100%) !important;
}

.conditions-html {
  background:
    radial-gradient(circle at 50% 0%, rgba(212,161,47,.12), transparent 30%),
    linear-gradient(180deg, #fffef8 0%, #f8fff9 100%) !important;
}

.condition-card,
.msv-problem-card,
.msv-content-card,
.msv-footer-contact,
.simple-page-inner,
.modal-card {
  background: linear-gradient(180deg, #fffef8 0%, #fff8ec 100%) !important;
  border: 1px solid rgba(212,161,47,.22) !important;
  box-shadow: 0 16px 40px rgba(11,90,56,.08);
}

.condition-card:hover,
.msv-problem-card:hover,
.msv-content-card:hover {
  box-shadow: 0 22px 48px rgba(11,90,56,.12);
  border-color: rgba(212,161,47,.38) !important;
}

.msv-showcase,
.msv-problem,
.msv-knowledge,
.simple-page,
.msv-site-footer {
  background:
    linear-gradient(180deg, rgba(255,248,236,.94) 0%, rgba(250,255,250,.96) 100%) !important;
}

.msv-presentation-banner {
  background:
    radial-gradient(circle at 15% 20%, rgba(212,161,47,.16), transparent 24%),
    radial-gradient(circle at 100% 10%, rgba(57,143,91,.14), transparent 22%),
    linear-gradient(180deg, #fff9ed 0%, #f7fff8 100%) !important;
}

.msv-gold-line {
  background: linear-gradient(90deg, rgba(212,161,47,0) 0%, rgba(212,161,47,.95) 18%, rgba(233,192,96,1) 50%, rgba(212,161,47,.95) 82%, rgba(212,161,47,0) 100%) !important;
  height: 4px !important;
  border-radius: 999px;
}

.msv-mission, .msv-star, .msv-quote, .conditions-kicker, .msv-presentation-kicker {
  color: var(--msv-gold-deep) !important;
}

.msv-footer-mission {
  background: linear-gradient(135deg, #0a4b31 0%, #117348 100%) !important;
  box-shadow: 0 16px 38px rgba(11,90,56,.16);
}

.msv-footer-bottom {
  background: linear-gradient(180deg, rgba(255,248,236,.65) 0%, rgba(244,252,244,.9) 100%) !important;
}


/* ===== Ajuste visual solicitado: mais vida, ouro e verde intenso ===== */
:root {
  --msv-green: #0B4F34;
  --msv-green-dark: #063624;
  --msv-gold: #C7912A;
  --msv-gold-strong: #E1B14B;
  --msv-cream: #FFF6E8;
  --msv-soft: #FFFBEF;
  --msv-ink: #0B3022;
  --msv-copy: #3E4E45;
  --msv-border: rgba(199,145,42,.24);
  --msv-shadow: 0 18px 40px rgba(11,79,52,.14);
}

html, body, .poster {
  background:
    radial-gradient(circle at top right, rgba(225,177,75,.18), transparent 26%),
    radial-gradient(circle at top left, rgba(66,140,86,.10), transparent 22%),
    linear-gradient(180deg, #FFF8EC 0%, #FFF2DE 100%) !important;
}

.site-navbar {
  background: linear-gradient(180deg, rgba(255,250,241,.98), rgba(255,243,223,.97)) !important;
  box-shadow: 0 10px 24px rgba(11,79,52,.08);
}

.navbar-phone {
  background: rgba(199,145,42,.12) !important;
}

.nav-appointment,
.hero-mobile-button,
.conditions-toggle,
.button-gold,
.cookie-banner__button {
  background: linear-gradient(135deg, #0B5B39 0%, #0F7547 100%) !important;
  border-color: #D7A845 !important;
  box-shadow: 0 10px 20px rgba(11,79,52,.18);
}

.nav-appointment:hover,
.hero-mobile-button:hover,
.conditions-toggle:hover,
.button-gold:hover {
  background: linear-gradient(135deg, #0E6A42 0%, #118854 100%) !important;
}

.msv-problem,
.msv-knowledge,
.simple-page,
.conditions-html,
.msv-site-footer {
  background:
    radial-gradient(circle at right top, rgba(225,177,75,.12), transparent 28%),
    linear-gradient(180deg, #FFF5E7 0%, #FFFBEF 100%) !important;
}

.msv-problem-card,
.msv-content-card,
.msv-footer-contact,
.simple-page-inner,
.condition-card {
  background: linear-gradient(180deg, #FFFDF9 0%, #FFF8ED 100%) !important;
  border: 1px solid rgba(199,145,42,.22) !important;
  box-shadow: 0 18px 34px rgba(11,79,52,.08);
}

.msv-problem-card {
  background:
    radial-gradient(circle at top right, rgba(225,177,75,.11), transparent 30%),
    linear-gradient(180deg, #FFFDF9 0%, #FFF6E6 100%) !important;
}

.msv-problem-card h2,
.msv-heading-title h2,
.msv-presentation-header h2,
.msv-content-card h2,
.simple-page h1,
.conditions-heading h2 {
  color: #0A4B31 !important;
}

.msv-mission, .msv-star, .msv-quote, .conditions-kicker, .msv-presentation-kicker {
  color: #B17818 !important;
}

.msv-gold-line {
  background: linear-gradient(90deg, #E1B14B 0%, #B17818 100%) !important;
  height: 4px;
  border-radius: 999px;
}

.condition-card:hover,
.msv-problem-card:hover,
.msv-content-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 38px rgba(11,79,52,.11);
}

.msv-presentation-banner {
  background:
    radial-gradient(circle at 85% 5%, rgba(225,177,75,.24), transparent 32%),
    radial-gradient(circle at 8% 100%, rgba(86,157,99,.12), transparent 24%),
    linear-gradient(180deg, #FFF6E8 0%, #FFFBEF 100%) !important;
}

.msv-footer-mission {
  background: linear-gradient(135deg, #0A4B31 0%, #0F6A42 100%) !important;
}