:root {
    --rosa: #df9296;
    --rosa-escuro: #bd696f;
    --creme: #fff1df;
    --texto: #493b3b;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { color: var(--texto); background: var(--creme); font-family: "Poppins", sans-serif; }
.interface { width: min(100%, 1280px); margin: 0 auto; padding: 0 40px; }

header { position: absolute; z-index: 2; width: 100%; padding: 24px 0; }
header .interface { display: flex; align-items: center; justify-content: flex-end; gap: 28px; }
header ul { display: flex; align-items: center; gap: 24px; list-style: none; }
header a { color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; transition: color .2s ease; }
header .menu-desktop a:hover { color: #ffe6e5; }
.botao-contato, .botao-hero, .botao-terapia { display: inline-block; border-radius: 8px; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease; }
.botao-contato { padding: 11px 22px; border: 1px solid #fff; }
.botao-contato:hover, .botao-hero:hover, .botao-terapia:hover { transform: translateY(-2px); }

.hero-site { position: relative; display: flex; align-items: center; min-height: 100vh; color: #fff; background: url("../images/WhatsApp%20Image%202026-08-12%20at%2021.54.11.jpeg") center / cover no-repeat; }
.hero-site::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(38, 29, 30, .62), rgba(38, 29, 30, .35) 50%, rgba(38, 29, 30, .12)); }
.hero-site .interface { position: relative; z-index: 1; }
.txt-hero { max-width: 700px; }
.txt-hero h3 { margin-bottom: 18px; font-size: clamp(20px, 2vw, 28px); font-weight: 500; }
.txt-hero h1 { margin-bottom: 24px; font-family: "DM Serif Display", serif; font-size: clamp(46px, 6vw, 78px); font-weight: 400; line-height: 1.03; }
.txt-hero h1 span { color: #f2a3a7; }
.txt-hero p { margin-bottom: 30px; font-size: clamp(17px, 2vw, 21px); }
.botao-hero { padding: 14px 27px; color: #fff; background: var(--rosa); }
.botao-hero:hover { background: var(--rosa-escuro); }

/* CSS: apresentação profissional com foto e texto lado a lado */
.sobre-site { padding: 80px 40px; background: #fffaf4; }
.sobre-conteudo { display: grid; grid-template-columns: minmax(280px, 400px) 1fr; align-items: center; gap: clamp(35px, 8vw, 110px); width: min(100%, 1060px); margin: 0 auto; }
.sobre-imagem { display: block; width: 100%; aspect-ratio: 4 / 5; border-radius: 180px 180px 14px 14px; object-fit: cover; object-position: center; box-shadow: 0 12px 35px rgba(73, 59, 59, .16); }
.sobre-texto { max-width: 540px; }
.sobre-texto h2 { margin-bottom: 8px; font-family: "DM Serif Display", serif; font-size: clamp(38px, 4vw, 56px); font-weight: 400; line-height: 1.08; }
.registro-profissional { margin-bottom: 20px; color: var(--rosa-escuro); font-weight: 600; }
.sobre-texto p:not(.titulo-secao):not(.registro-profissional) { margin-bottom: 15px; line-height: 1.75; }

.terapia-site { padding: 80px 40px; }
.terapia-conteudo { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(35px, 7vw, 100px); width: min(100%, 1080px); margin: 0 auto; }
.terapia-texto { max-width: 510px; }
.titulo-secao { margin-bottom: 10px; color: var(--rosa-escuro); font-size: 17px; font-weight: 600; }
.terapia-texto h2, .limites-texto h2 { margin-bottom: 22px; font-family: "DM Serif Display", serif; font-size: clamp(38px, 4vw, 56px); font-weight: 400; line-height: 1.08; }
.terapia-texto p:not(.titulo-secao), .limites-texto p:not(.titulo-secao) { margin-bottom: 16px; line-height: 1.75; }
.botao-terapia { margin-top: 12px; padding: 13px 22px; color: #fff; background: var(--rosa-escuro); }
.botao-terapia:hover { background: #9e5359; }
.terapia-imagem { display: block; width: 100%; height: 560px; border-radius: 150px 150px 12px 12px; object-fit: cover; object-position: 57% center; box-shadow: 0 12px 35px rgba(73, 59, 59, .18); }

.tema-site { padding: 70px 40px; background: #f9e9d8; }
.limites-conteudo { display: grid; grid-template-columns: 1fr minmax(280px, 420px); align-items: center; gap: clamp(35px, 8vw, 100px); width: min(100%, 1060px); margin: 0 auto; }
.limites-texto { max-width: 510px; }
.tema-site video { display: block; width: 100%; border-radius: 26px; box-shadow: 0 12px 30px rgba(73, 59, 59, .17); }

.informacoes, footer { padding: 38px 24px; text-align: center; }
.informacoes { color: #fff; background: var(--rosa-escuro); }
.redes-links { display: flex; justify-content: center; gap: 14px; margin-top: 18px; }
.rede-link { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border: 1px solid rgba(255,255,255,.75); border-radius: 999px; color: #fff; font-weight: 600; text-decoration: none; transition: background-color .2s ease, transform .2s ease; }
.rede-link:hover { background: rgba(255,255,255,.15); transform: translateY(-2px); }
.rede-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.rede-link .ponto-instagram { fill: currentColor; stroke: none; }
footer { font-size: 14px; }

@media (max-width: 720px) {
    .interface { padding: 0 22px; }
    header { padding: 18px 0; }
    header .interface { justify-content: center; }
    header ul { gap: 12px; flex-wrap: wrap; justify-content: center; }
    header .menu-desktop a { font-size: 13px; }
    .botao-contato { display: none; }
    .hero-site { min-height: 760px; background-position: 62% center; }
    .hero-site::before { background: rgba(38, 29, 30, .52); }
    .txt-hero { padding-top: 90px; }
    .sobre-site, .terapia-site, .tema-site { padding: 58px 22px; }
    .sobre-conteudo, .terapia-conteudo, .limites-conteudo { grid-template-columns: 1fr; gap: 30px; }
    .sobre-imagem { width: min(100%, 370px); margin: 0 auto; }
    .terapia-imagem { height: 430px; order: -1; border-radius: 90px 90px 12px 12px; }
}