/*
Theme Name: Bruna Hemann Psicologia
Theme URI: https://brunahemann.com.br
Author: Forgotten Dimensions / Kopius
Description: Tema institucional para Bruna Hemann, psicóloga especializada em comportamento e transtornos alimentares. Construído a partir do protótipo gerado no Claude Design.
Version: 1.0
Requires PHP: 7.4
Text Domain: bruna-hemann
*/

/* ==========================================================================
   Reset & base
   ========================================================================== */
* { box-sizing: border-box; }

body {
  margin: 0;
  background: #F5F1E7;
  color: #2C2A22;
  font-family: 'Work Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: #4F5F40; text-decoration: none; }
a:hover { color: #2C2A22; }

input, textarea, select, button {
  font-family: 'Work Sans', sans-serif;
}

::placeholder { color: #9A9384; }

img { max-width: 100%; display: block; }

/* ==========================================================================
   Animações
   ========================================================================== */
@keyframes blobMorph {
  0%   { border-radius: 62% 38% 55% 45% / 48% 45% 55% 52%; transform: rotate(0deg) scale(1); }
  50%  { border-radius: 44% 56% 38% 62% / 58% 42% 58% 42%; transform: rotate(6deg) scale(1.04); }
  100% { border-radius: 62% 38% 55% 45% / 48% 45% 55% 52%; transform: rotate(0deg) scale(1); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

/* ==========================================================================
   Estados de hover / focus (extraídos do protótipo Claude Design)
   ========================================================================== */
.bh-hov-1:hover { background:#4F5F40 }
.bh-hov-2:hover { background:#2C2A22;color:#FFFDF9;border-color:#2C2A22 }
.bh-hov-3:hover { border-color:rgba(110,127,92,.55);transform:translateY(-3px) }
.bh-hov-4:hover { border-color:rgba(110,127,92,.55);transform:translateY(-3px) }
.bh-hov-5:hover { border-color:rgba(110,127,92,.55);transform:translateY(-3px) }
.bh-hov-6:hover { background:#FFFDF9;color:#3F4A35 }
.bh-hov-7:hover { background:#4F5F40 }
.bh-hov-8:hover { background:#4F5F40 }
.bh-hov-9:hover { background:#EFE0DA }
.bh-hov-10:hover { background:#4F5F40 }
.bh-hov-11:hover { border-color:rgba(110,127,92,.6) }
.bh-hov-12:hover { border-color:rgba(110,127,92,.6) }
.bh-hov-13:hover { border-color:rgba(110,127,92,.6) }
.bh-hov-14:hover { background:#4F5F40 }
.bh-foc-15:focus { border-color:#6E7F5C;background:#FFFDF9 }
.bh-foc-16:focus { border-color:#6E7F5C;background:#FFFDF9 }
.bh-foc-17:focus { border-color:#6E7F5C;background:#FFFDF9 }
.bh-foc-18:focus { border-color:#6E7F5C;background:#FFFDF9 }
.bh-foc-19:focus { border-color:#6E7F5C;background:#FFFDF9 }
.bh-hov-20:hover { color:#FFFDF9 }
.bh-hov-21:hover { color:#FFFDF9 }
.bh-hov-22:hover { color:#FFFDF9 }
.bh-hov-23:hover { color:#FFFDF9 }
.bh-hov-24:hover { color:#FFFDF9 }
.bh-hov-102:hover { background:#F3EFE3 }
.bh-hov-25:hover { color:#FFFDF9 }
.bh-hov-26:hover { color:#FFFDF9 }
.bh-hov-27:hover { color:#FFFDF9 }

/* ==========================================================================
   Menu ativo (marcador embaixo do item de navegação atual)
   ========================================================================== */
.bh-nav-underline {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 2px; border-radius: 2px; background: #6E7F5C;
}

/* ==========================================================================
   Conteúdo editável (Gutenberg) com a tipografia do site
   Usado nas páginas novas (Comportamento Alimentar, Transtornos Alimentares,
   Psicologia do Esporte) para que o texto colado no editor já saia com a
   cara do resto do site, sem precisar de HTML/estilo manual.
   ========================================================================== */
.bh-rich-content { font-size: 17px; line-height: 1.75; color: #3A3729; }
.bh-rich-content h2 {
  font-family: 'Fraunces', serif; font-weight: 400; font-size: 32px;
  line-height: 1.18; letter-spacing: -.015em; margin: 48px 0 18px; color: #2C2A22;
}
.bh-rich-content h2:first-child { margin-top: 0; }
.bh-rich-content h3 {
  font-family: 'Fraunces', serif; font-weight: 500; font-size: 22px;
  line-height: 1.25; margin: 34px 0 12px; color: #2C2A22;
}
.bh-rich-content p { margin: 0 0 18px; }
.bh-rich-content ul, .bh-rich-content ol { margin: 0 0 18px; padding-left: 22px; }
.bh-rich-content li { margin-bottom: 8px; }
.bh-rich-content strong { color: #2C2A22; font-weight: 600; }
.bh-rich-content a { color: #4F5F40; text-decoration: underline; text-underline-offset: 2px; }
.bh-rich-content blockquote {
  margin: 28px 0; padding: 22px 26px; background: #FFFDF9; border-radius: 18px;
  border-left: 3px solid #6E7F5C; font-family: 'Fraunces', serif;
  font-style: italic; font-size: 19px; color: #4A4638;
}
.bh-rich-content img { border-radius: 16px; margin: 24px 0; }
@media (max-width: 860px) {
  section[style*="grid-template-columns:1.08fr"],
  section[style*="grid-template-columns:.85fr"],
  section[style*="grid-template-columns:1.05fr"],
  section[style*="grid-template-columns:1.1fr"] {
    grid-template-columns: 1fr !important;
  }
  h1 { font-size: 34px !important; }
  h2 { font-size: 28px !important; }
  nav { flex-wrap: wrap; row-gap: 12px; }
}