/* Página de propaganda — "Lavanda leve" (opção A). Mesmas cores do sistema. */
:root {
    --s-fundo: #f4f1fb;
    --s-branco: #ffffff;
    --s-texto: #2e3a45;
    --s-suave: #6d7488;
    --s-petroleo: #2f6d7c;
    --s-lilas: #8f7ae0;
    --s-lilas-claro: #e9e3fb;
    --s-whats: #25a35a;
    --s-borda: #e6e0f5;
    --s-largura: 1120px;
}
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body.site { background: var(--s-fundo); color: var(--s-texto); font-family: Nunito, sans-serif; font-size: 1.02rem; }
.site h1, .site h2, .site h3 { font-family: Quicksand, sans-serif; font-weight: 700; color: var(--s-petroleo); }
.site a { color: var(--s-petroleo); }
.site-largura { max-width: var(--s-largura); margin: 0 auto; padding: 0 20px; }

/* Aviso só para a equipe logada */
.site-aviso-equipe { background: #fff4d6; color: #6b5300; font-size: .9rem; padding: .55rem 1rem; text-align: center; }
.site-aviso-equipe a { color: #6b5300; text-decoration: underline; }

/* Topo */
.site-topo { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--s-borda); }
.site-topo-linha { display: flex; align-items: center; gap: 1.2rem; min-height: 64px; }
.site-marca { display: flex; align-items: center; gap: .5rem; font-family: Quicksand, sans-serif; font-weight: 700; font-size: 1.1rem; text-decoration: none; color: var(--s-petroleo) !important; }
.site-marca img { max-height: 38px; width: auto; }
.site-flor { color: var(--s-lilas); font-size: 1.4rem; line-height: 1; }
.site-links { margin-left: auto; display: flex; gap: 1.3rem; align-items: center; }
.site-links a { color: var(--s-suave); text-decoration: none; font-weight: 600; }
.site-links a:hover { color: var(--s-lilas); }
.site-links .site-entrar { border: 1px solid var(--s-borda); border-radius: 999px; padding: .3rem .8rem; font-size: .9rem; }
.site-menu-btn { display: none; border: 0; background: none; font-size: 1.7rem; color: var(--s-petroleo); margin-left: auto; }

/* Botões */
.site-btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border-radius: 999px; padding: .7rem 1.4rem; font-weight: 700; text-decoration: none; border: 2px solid transparent; transition: transform .15s, box-shadow .15s; }
.site-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(80, 60, 140, .18); }
.site .site-btn-roxo { background: var(--s-lilas); color: #fff; }
.site .site-btn-whats { background: var(--s-whats); color: #fff; }
.site .site-btn-contorno { border-color: var(--s-lilas); color: var(--s-lilas); background: transparent; }
.site-agendar { padding: .45rem 1.1rem; }

/* Abertura */
.site-hero { padding: 3.5rem 0 2.5rem; }
.site-hero-grade { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 2rem; }
.site-hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.1; margin-bottom: 1rem; }
.site-sub { color: var(--s-suave); font-size: 1.15rem; margin-bottom: 1.6rem; }
.site-hero-botoes { display: flex; gap: .7rem; flex-wrap: wrap; }
.site-hero-arte { position: relative; display: flex; justify-content: center; }
.site-hero-arte svg { position: relative; max-height: 320px; width: auto; }
.site-hero-bola { position: absolute; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ffffff, var(--s-lilas-claro) 70%); top: 50%; left: 50%; transform: translate(-50%, -46%); }

/* Seções */
.site-secao { padding: 3rem 0; }
.site-secao-branca { background: var(--s-branco); }
.site-secao h2 { font-size: 1.8rem; margin-bottom: .4rem; }
.site-secao h2 + .site-cartoes { margin-top: 1.4rem; }
.site-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.site-cartao { background: var(--s-branco); border-radius: 22px; padding: 1.4rem; box-shadow: 0 4px 18px rgba(80, 60, 140, .07); display: flex; flex-direction: column; }
.site-secao-branca .site-cartao { background: var(--s-fundo); box-shadow: none; }
.site-cartao > i { font-size: 1.6rem; color: var(--s-lilas); background: var(--s-lilas-claro); width: 52px; height: 52px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: .8rem; }
.site-cartao h3 { font-size: 1.15rem; margin-bottom: .35rem; }
.site-cartao p { color: var(--s-suave); margin: 0 0 .8rem; }

/* Horários */
.site-horarios { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .8rem; margin-top: 1.2rem; }
.site-dia { background: var(--s-fundo); border-radius: 18px; padding: 1rem; }
.site-dia-nome { font-family: Quicksand, sans-serif; font-weight: 700; color: var(--s-petroleo); margin-bottom: .5rem; }
.site-horas { display: flex; flex-wrap: wrap; gap: .35rem; }
.site-horas span { background: var(--s-branco); border: 1px solid var(--s-borda); border-radius: 999px; padding: .15rem .6rem; font-size: .9rem; font-weight: 600; }

/* Planos */
.site-plano-freq { color: var(--s-suave); font-weight: 600; }
.site-plano-valor { font-family: Quicksand, sans-serif; font-weight: 700; font-size: 1.8rem; color: var(--s-lilas); margin: .3rem 0; }
.site-plano-valor small { font-size: .9rem; color: var(--s-suave); font-weight: 600; }
.site-plano-extra { font-size: .9rem; color: var(--s-suave); margin-bottom: .5rem; }
.site-plano .site-btn { align-self: flex-start; padding: .45rem 1.1rem; }

/* Contato */
.site-contato { display: grid; grid-template-columns: 1fr 1.2fr; gap: 2rem; align-items: start; }
.site-lista-contato { list-style: none; padding: 0; margin: 1rem 0 1.4rem; }
.site-lista-contato li { display: flex; gap: .7rem; margin-bottom: .8rem; }
.site-lista-contato i { color: var(--s-lilas); font-size: 1.2rem; }
.site-mapa { width: 100%; height: 320px; border: 0; border-radius: 22px; }

/* Rodapé */
.site-rodape { padding: 1.6rem 0 5rem; color: var(--s-suave); }
.site-rodape-linha { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.site-rodape a { color: var(--s-suave); }

/* WhatsApp flutuante (celular) */
.site-whats-flutuante { display: none; position: fixed; right: 16px; bottom: 16px; width: 58px; height: 58px; border-radius: 50%; background: var(--s-whats); color: #fff !important; font-size: 1.8rem; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0, 0, 0, .2); z-index: 60; }

@media (max-width: 800px) {
    .site-menu-btn { display: block; }
    .site-agendar { display: none; }
    .site-links { display: none; position: absolute; top: 64px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: #fff; border-bottom: 1px solid var(--s-borda); padding: .5rem 20px 1rem; box-shadow: 0 10px 20px rgba(80, 60, 140, .08); }
    .site-links.aberto { display: flex; }
    .site-links a { padding: .7rem 0; border-bottom: 1px solid var(--s-fundo); }
    .site-links .site-entrar { border: 0; border-radius: 0; font-size: 1rem; }
    .site-hero { padding: 2rem 0 1.5rem; }
    .site-hero-grade { grid-template-columns: 1fr; text-align: center; }
    .site-hero-botoes { justify-content: center; }
    .site-hero-botoes .site-btn { width: 100%; }
    .site-hero-arte { order: -1; }
    .site-hero-arte svg { max-height: 200px; }
    .site-hero-bola { width: 190px; height: 190px; }
    .site-contato { grid-template-columns: 1fr; }
    .site-whats-flutuante { display: flex; }
}