/* Base das seções — Dra. Lia Mariana. Carrega depois de hero.css.
   Variáveis de cor/tipo vêm de :root em hero.css. Não redefinir aqui o que é do hero. */
:root {
  --noite: #2a0b17;          /* vinho mais fundo, seções escuras */
  --noite-2: #3a0f1f;        /* = --vinho-noite */
  --noite-luz: #5a1830;      /* = --vinho */
  --tinta-clara: #fbeee6;    /* texto sobre escuro */
  --tinta-clara-suave: #e7c9bb;
  --rose-claro: #e9b9a3;     /* rose gold sobre escuro */
  --secao-pad: clamp(88px, 12vw, 168px);
  --largura: 1240px;
  --curva: cubic-bezier(.2,.7,.2,1);
  --metal: linear-gradient(100deg in oklab, #7e3d2e 0%, #a9604d 22%, #c98a72 38%, #f1c9b5 47%, #b46f5a 56%, #8e4a39 78%, #a75e4b 100%);
  --metal-escuro: linear-gradient(100deg in oklab, #c98a72 0%, #e9b9a3 30%, #fff0e6 47%, #e2a68c 60%, #b8735f 100%);
}
html { scroll-padding-top: 20px; }
section { position: relative; }
.wf-largura { width: min(100% - 2 * var(--margem), var(--largura)); margin-inline: auto; }

/* título grande de seção: Kalnia (mesma assinatura do hero) */
.wf-titulo {
  font-family: var(--f-display); font-weight: 600; font-variation-settings: "wdth" 106;
  font-size: clamp(40px, 5.4vw, 88px); line-height: 1; letter-spacing: -.012em; margin: 0;
}
.wf-titulo .fino { font-weight: 230; font-variation-settings: "wdth" 100; }
.wf-metal { background: var(--metal); background-size: 260% 100%; background-position: 100% 0;
  -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .12em; margin-bottom: -.12em; }
.wf-escuro .wf-metal { background-image: var(--metal-escuro); }
.wf-rotulo { font-family: var(--f-texto); font-size: 13px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: var(--rose-ouro); margin: 0 0 22px; }
.wf-escuro { background: var(--noite); color: var(--tinta-clara); }
.wf-escuro .wf-rotulo { color: var(--rose-claro); }
.wf-script { font-family: var(--f-script); background: linear-gradient(95deg in oklch, #9f5543, #d99a82 40%, #a75e4b 68%, #c98670);
  -webkit-background-clip: text; background-clip: text; color: transparent; padding: .05em .15em .2em 0; }

/* entrada genérica por rolagem: data-sr (opcional; cada seção pode ter o seu gesto) */
.js [data-sr] { opacity: 0; transform: translateY(22px); transition: opacity 1s var(--curva) var(--d, 0s), transform 1.2s var(--curva) var(--d, 0s); }
.js [data-sr].sr-in { opacity: 1; transform: none; }
.js .sr-sem-atraso [data-sr], .js [data-sr].sr-sem-atraso { transition-delay: 0s !important; }

/* botão principal reaproveitável fora do hero: usar class="botao" (definido em hero.css) */

/* botão fixo do WhatsApp no celular */
.zap-fixo { display: none; }
@media (max-width: 860px) {
  .zap-fixo { position: fixed; left: 14px; right: 14px; bottom: 12px; z-index: 40; display: flex; justify-content: center; align-items: center; gap: 10px;
    padding: 15px 20px; border-radius: 99px; text-decoration: none; font-weight: 500; font-size: 17px;
    background: linear-gradient(120deg in oklch, var(--vinho), #6e1f3b 60%, var(--vinho-noite)); color: #fbeee6;
    box-shadow: 0 0 0 1px color-mix(in oklch, #e3a58d 70%, transparent) inset, 0 14px 34px -12px rgb(42 11 23 / .6);
    transform: translateY(150%); transition: transform .5s var(--curva); }
  .zap-fixo.visivel { transform: none; }
}
:focus-visible { outline: 2px solid var(--rose-ouro); outline-offset: 4px; }