/*
Theme Name: Dionatan Salviano — Psicólogo
Theme URI: https://dionatansalviano.com.br
Author: Gabriel Pires
Author URI: https://gabrielpires.com.br
Description: Tema de página única (landing page) para o psicólogo Dionatan Salviano. Design acolhedor com abordagem Histórico-Cultural. Configurável via Personalizar (WhatsApp, e-mail e depoimentos).
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dionatan
*/

/* ---------- Base (portado do site estático) ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #FBF7F1;
  color: #2E2A26;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: #C9433F; text-decoration: none; }
a:hover { color: #E85252; }
::selection { background: #F4C9C5; color: #2E2A26; }
img { max-width: 100%; }

@keyframes floatA { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes marqueeA { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ---------- Navegação responsiva ---------- */
/* Desktop: linhas de links visíveis, CTA mobile escondido. */
.dio-nav-links { display: flex; align-items: center; gap: 22px; }
.dio-nav-cta-mobile { display: none; }

@media (max-width: 780px) {
  header nav { padding-right: 30px !important; }
  header nav a[href="#inicio"] img { height: 26px !important; }
  .dio-nav-links { display: none; }
  .dio-nav-cta-mobile {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; flex: none; border-radius: 999px;
    background: #33302C; color: #FBF7F1; text-decoration: none;
  }
}

/* ---------- Estados de hover (portados de style-hover) ---------- */
.dio-btn-dark { background: #33302C; color: #FBF7F1; }
.dio-btn-dark:hover { background: #201E1B; color: #FBF7F1; }

.dio-btn-coral { background: #E85252; color: #fff; }
.dio-btn-coral:hover { background: #F06B6B; color: #fff; }

.dio-btn-outline:hover { background: rgba(255,255,255,.12); color: #fff; }

.dio-link-underline { border-bottom: 1.5px solid rgba(46,42,38,.25); }
.dio-link-underline:hover { border-color: #E85252; }

.dio-nav-link:hover { color: #C9433F; }

/* ---------- Ênfases em texto rico (portadas dos estilos inline) ---------- */
/* Destaque coral/itálico no título do herói (tags <em> editáveis no admin). */
.dio-hero-title em { font-style: italic; color: #C9433F; }
/* <strong> nos parágrafos "Sobre". */
.dio-prose strong { font-weight: 600; color: #2E2A26; }
/* <strong> nos passos de "Como funciona" (fundo escuro → texto branco). */
.dio-steps strong { color: #fff; font-weight: 600; }