/* ==========================================================
   LP Dr. Carlos Marmanillo - ajustes sobre styles.css
   Paleta do novo logo: dourado #B69769 + creme #FFFCF5 + espresso
   ========================================================== */
:root {
  --ink: #2b2620;
  --ink-2: #1d1a16;
  --char: #3a342c;
  --stone: #6b6256;
  --gold: #b69769;
  --gold-deep: #8f7549;
  --sage: #8f8573;
  --sand: #e8e0d2;
  --paper: #fffcf5;
  --paper-2: #f3eee3;
  --line: rgba(43, 38, 32, .16);
  --line-light: rgba(242, 237, 228, .2);
}

/* ---------- Logo (PNG transparente) ---------- */
.header__logo img { height: 54px; width: auto; display: block; }
.footer__logo img { height: 96px; width: auto; display: block; }

/* ---------- Hero: foto perfil2 a direita, texto a esquerda ---------- */
.hero__bg {
  background:
    linear-gradient(90deg, #1d1a16 0%, rgba(29, 26, 22, 0) 46%) right center / 75svh 100% no-repeat,
    url("fotos/perfil2.png") right center / auto 100% no-repeat,
    #1d1a16;
}
.hero__scrim {
  background:
    linear-gradient(90deg, rgba(29, 26, 22, .55) 0%, rgba(29, 26, 22, .25) 45%, rgba(29, 26, 22, 0) 70%),
    linear-gradient(0deg, rgba(29, 26, 22, .8) 0%, transparent 42%);
}
.hero__caption span { text-transform: none; letter-spacing: .08em; font-size: 11.5px; }
.hero__caption strong { font-style: normal; font-family: var(--serif); }
@media (max-width: 760px) {
  .hero__bg {
    background:
      linear-gradient(0deg, #1d1a16 0%, rgba(29, 26, 22, .6) 48%, rgba(29, 26, 22, 0) 78%),
      url("fotos/perfil2.png") center top / cover no-repeat,
      #1d1a16;
  }
}

/* ---------- Seção O médico ---------- */
.about__sub {
  font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: var(--gold-deep); margin-bottom: 14px;
}
.about__text + .about__text { margin-top: 14px; }
.timeline--wide li { grid-template-columns: 124px 1fr; }
.timeline--wide .timeline__year { font-size: 16px; }
.timeline--wide .timeline__txt strong { display: block; font-weight: 500; color: var(--char); }
.timeline--wide .timeline__txt span { display: block; font-size: 15px; color: var(--stone); }
@media (max-width: 760px) { .timeline--wide li { grid-template-columns: 1fr; gap: 4px; } }

/* ---------- Contato: fundo placeholder ---------- */
.contact-cta__bg {
  background: url("https://placehold.co/1600x1000/cfcfcf/666666/png?text=imagem") center / cover no-repeat;
}
.footer__trilion { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: rgba(232, 224, 210, .55); }