/* ==========================================================================
   Instituto Claudio Zeri — Estilos específicos de página
   ========================================================================== */

/* ---------- Prosa (páginas legais) ---------- */

.prose {
  max-width: var(--container-narrow);
  margin-inline: auto;
}

.prose h2 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-sm);
}

.prose h2:first-child {
  margin-top: 0;
}

.prose h3 {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-xs);
}

.prose p {
  margin-bottom: var(--space-sm);
}

.prose ul {
  margin: var(--space-sm) 0 var(--space-sm) var(--space-md);
  list-style: disc;
  color: var(--color-gray-dark);
}

.prose li {
  margin-bottom: var(--space-2xs);
}

.prose .updated-at {
  color: var(--color-gray-medium);
  font-size: var(--fs-small);
  margin-bottom: var(--space-lg);
}

/* ---------- Split (imagem + texto alternado) ---------- */

.split {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.split--reverse .split__media {
  order: -1;
}

.split__eyebrow {
  margin-bottom: var(--space-sm);
}

.split__title {
  margin-bottom: var(--space-sm);
}

.split__text + .split__text {
  margin-top: var(--space-sm);
}

.split__actions {
  margin-top: var(--space-md);
}

/* ---------- Home: apresentação do instituto ---------- */

.home-intro .split__media {
  position: relative;
}

.home-intro .split__media::after {
  content: "";
  position: absolute;
  inset: -14px -14px auto auto;
  width: 70%;
  height: 70%;
  border: 1px solid var(--color-gold);
  z-index: -1;
  display: none;
}

/* ---------- Home: sobre o médico ---------- */

.doctor-teaser {
  background-color: var(--color-black);
  color: var(--color-white);
}

.doctor-teaser .split__media {
  position: relative;
}

.doctor-teaser__crm {
  display: inline-block;
  margin-top: var(--space-sm);
  font-size: var(--fs-small);
  color: var(--color-gold-soft);
  letter-spacing: var(--ls-mid);
}

/* ---------- Página Dr. Claudio Zeri ---------- */

.doctor-page-hero {
  display: grid;
  gap: var(--space-lg);
}

.doctor-bio .prose {
  max-width: none;
}

.philosophy-quote {
  font-family: var(--font-serif);
  font-size: var(--fs-h3);
  line-height: var(--lh-heading);
  max-width: 30ch;
  color: var(--color-black);
  border-left: 2px solid var(--color-gold);
  padding-left: var(--space-md);
  margin-block: var(--space-lg);
}

.on-dark .philosophy-quote {
  color: var(--color-white);
}

/* ---------- Página Instituto ---------- */

.values-list {
  display: grid;
  gap: var(--space-md);
  grid-template-columns: 1fr;
}

.value-card {
  padding: var(--space-md);
  border: 1px solid var(--color-border-subtle-dark);
}

.value-card__title {
  margin-bottom: var(--space-2xs);
}

/* ---------- Página Tratamentos (lista editorial, sem imagens) ---------- */

.care-page-head {
  max-width: 680px;
}

/* ---------- Página Depoimentos ---------- */

.testimonials-page .testimonial-slider {
  max-width: 900px;
  margin-inline: auto;
}

/* ---------- Página Contato ---------- */

.contact-form-wrap {
  background-color: var(--color-white);
  padding: var(--space-lg);
  border: 1px solid var(--color-border-subtle-dark);
}

.contact-hours {
  margin-top: var(--space-md);
}

.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

/* ---------- Home: chamada intermediária de tratamentos removida ---------- */
/* A seção "Áreas de cuidado" foi removida da Home a pedido do cliente. */