/*
 * AJUSTES VISUAIS RÁPIDOS
 *
 * Você pode alterar as cores abaixo sem modificar styles.css.
 * Mantendo os nomes à esquerda, o restante do site se adapta automaticamente.
 */
:root {
  /* --paper: #fcfaf4; */
  /* --ink: #413c39; */
  /* --blue: #cda58f; */
  /* --navy: #77645b; */
  /* --muted: #7c7772; */
}

/* Exemplo para aumentar levemente os títulos:
h1 { font-size: clamp(50px, 5.5vw, 78px); }
*/

/* Estilo aplicado automaticamente quando profileImage for preenchida. */
.portrait-image {
  position: absolute;
  inset: 32px 22px 0 55px;
  width: calc(100% - 77px);
  height: calc(100% - 32px);
  object-fit: cover;
  object-position: center;
  border-radius: 210px 210px 26px 26px;
  box-shadow: 0 30px 50px #80655032;
}

@media (max-width: 560px) {
  .portrait-image {
    inset: 25px 8px 0 25px;
    width: calc(100% - 33px);
    height: calc(100% - 25px);
  }
}

/* Direção cromática: sálvia, terracota, açafrão e carvão. */
:root {
  --paper: #f5ecda;
  --ink: #20231f;
  --muted: #686257;
  --blue: #c35c43;
  --navy: #263b32;
  --cyan: #8d9c89;
  --line: #d6c4a8;
}

body { background: var(--paper); }
.site-header.scrolled { background: #f5ecdae8; box-shadow: 0 1px 0 #d6c4a8; }
.nav-links > a { color: #353a32; }
.nav-cta { border-color: #b48a67 !important; color: #583b2f !important; }
.brand { display: inline-flex; align-items: center; gap: 8px; }
.brand-logo { display: block; width: 28px; height: 28px; object-fit: contain; flex: 0 0 auto; transform: translateY(-2px); }
.brand-footer .brand-logo { width: 30px; height: 30px; }

.hero { background: linear-gradient(118deg, #f8f0de 34%, #ead3a9 72%, #d7a664); }
.glow-one { background: #d99a47; opacity: .30; }
.glow-two { background: #91a08a; opacity: .42; }
.eyebrow { color: #6c7667; }
.eyebrow > span { background: #c35c43; }
.hero h1 i, .contact h2 i { color: #a84637; }
.button-primary { background: #b84e3b; }
.button-primary:hover { background: #9f3f31; box-shadow: 0 12px 24px #7e2e2540; }
.text-link { color: #314a3e; }

.portrait-placeholder { background: linear-gradient(155deg, #e6d2ad, #9aa18b); }
.portrait-orbit { border-color: #b65843; }
.orbit-b { border-color: #677b6b; }
.portrait-note { background: #fbf3e3; }
.note-dot { background: #c35c43; }

.practice, .gestalt { background: #c8d1c3; }
.practice-list, .practice-item { border-color: #9eae9e; }
.gestalt-card { background: #20241f; }
.gestalt-art { background: #263b32; padding: 0; overflow: hidden; }
.gestalt-art img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; opacity: 1; }
.care-top { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr); gap: clamp(48px, 7vw, 100px); align-items: end; }
.care .section-intro { display: block; }
.care .section-intro .eyebrow, .care .section-intro h2, .care .section-intro > p:last-child { grid-column: auto; grid-row: auto; }
.care .section-intro > p:last-child { max-width: 510px; margin: 28px 0 0; align-self: auto; }
.care-illustration { width: 100%; margin: 0; overflow: hidden; border-radius: 20px; box-shadow: 0 18px 35px #68533922; background: #e8dcc6; }
.care-illustration img { display: block; width: 100%; aspect-ratio: 3 / 2; height: 100%; object-fit: cover; }
.care .pillars { margin-top: 70px; }
@media (max-width: 850px) { .care-top { grid-template-columns: 1fr; gap: 34px; } .care-illustration { max-width: 620px; } .care .pillars { margin-top: 54px; } }
.gestalt-copy .eyebrow { color: #e8b86f; }
.button-light { background: #f6e8cc; color: #263b32; }

.modes { background: #efe0bd; }
.mode-cards article { background: #fbf3e4; border-color: #d1b884; }
.mode-icon { color: #b64d3c; }
.steps span { background: #e5b661; color: #47392d; }
.steps li:not(:last-child):after { background: #bc9d70; }

.publications { background: #d9a95c; }
.publication-card { background: #f9efdc; border-color: #b6874e; }
.publication-card > div { color: #776144; }
.article-blue { background: linear-gradient(145deg, #aebbaa, #617766); }
.article-sage { background: linear-gradient(145deg, #e7ce9e, #a8b29d); }
.article-lilac { background: linear-gradient(145deg, #e7ab46, #bd5943); }

.contact { background: linear-gradient(125deg, #253a31, #18251f); }
.contact-glow { background: #d88e3a; opacity: .25; }
.button-white { background: #f8ebd3; color: #283d33; }
.footer { background: #1e2620; color: #eadfc9; }
.footer a:not(.brand) { color: #eadfc9; }
.footer-label { color: #d9a35b; }
.floating-contact { background: #f8edda; color: #304338; }
.floating-contact span { color: #b64d3c; }