/* Paleta oficial BAUER - Manual de Identidade Visual */
:root { --ink: #392A21; --paper: #F4F4F4; --stone: #B2A798; --taupe: #4D4A4A; --cream: #FFFFFF; --line: rgba(57,42,33,.18); }
body { background: #F4F4F4; }
.announcement, .dark-section { background: #392A21; }
.announcement { color: #FFFFFF; }
.button { background: #392A21; }
.button:hover { background: #6B3B2A; }
.hero-art { background: #392A21; }
.hero-motion { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; filter: saturate(.55) sepia(.18) contrast(.92); opacity: .66; animation: bauer-drift 15s ease-in-out infinite alternate; transform-origin: 60% 40%; }
.hero-overlay { position: absolute; inset: 0; background: rgba(57,42,33,.08); }
.hero-art .orb { z-index: 1; border-color: rgba(255,255,255,.36); }
.hero-line { z-index: 2; background: rgba(255,255,255,.55); }
.eyebrow, .dark-section .eyebrow, .method-card span, .treatment > span:first-child { color: #9B8138; }
.method-card p, .contact address { color: #e2d8cf; }
.video-section { background: #B2A798; }
.video-frame { background: #392A21; box-shadow: none; }
.experience { background: linear-gradient(115deg, #6B3B2A, #B2A798); }
.experience .eyebrow { color: #F4F4F4; }
.hero-copy .eyebrow, .intro .eyebrow, .treatments .eyebrow, .doctor-copy .eyebrow { color: #6B3B2A; }
@keyframes bauer-drift { from { transform: scale(1.04) translate3d(-1%,0,0); } to { transform: scale(1.14) translate3d(2%,-1%,0); } }
@media (prefers-reduced-motion: reduce) { .hero-motion { animation: none; } }
@media(max-width:800px) { .hero-motion { object-position: center 25%; } }