:root {
      --rosa: #fbe4ea;
      --rosa-forte: #e8a5b8;
      --dourado: #c9a24d;
      --texto: #4a3b3f;
      --branco: #ffffff;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Poppins', Arial, sans-serif;
      color: var(--texto);
      background: var(--branco);
      line-height: 1.6;
    }
    h1, h2, h3 { font-family: 'Playfair Display', Georgia, serif; line-height: 1.2; }
    section { padding: 56px 20px; }
    .container { max-width: 960px; margin: 0 auto; }
    .titulo { text-align: center; font-size: 1.9rem; margin-bottom: 8px; }
    .titulo::after {
      content: ""; display: block; width: 56px; height: 3px;
      background: var(--dourado); margin: 12px auto 32px; border-radius: 2px;
    }


    .demo { background:#1b1b1d; color:#f5f5f5; text-align:center; font-size:.82rem; padding:9px 12px; }
    .demo a { color:#e0b72a; font-weight:600; text-decoration:none; }

    /* Botão */
    .btn {
      display: inline-block; background: #25d366; color: #fff;
      padding: 14px 28px; border-radius: 999px; text-decoration: none;
      font-weight: 600; font-size: 1rem;
      box-shadow: 0 6px 16px rgba(37, 211, 102, .35);
      transition: transform .2s;
    }
    .btn:hover { transform: translateY(-2px); }

    /* Topo */
    .hero {
      background: linear-gradient(160deg, var(--rosa) 0%, #fff 100%);
      text-align: center; padding: 72px 20px 64px;
    }
    .marca { color: var(--dourado); font-weight: 600; letter-spacing: 2px; font-size: .85rem; text-transform: uppercase; margin-bottom: 12px; }
    .hero h1 { font-size: 2.2rem; margin-bottom: 16px; }
    .hero p { max-width: 520px; margin: 0 auto 28px; font-size: 1.05rem; }

    /* Serviços */
    .grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
    .card {
      background: var(--branco); border: 1px solid var(--rosa);
      border-top: 3px solid var(--dourado); border-radius: 12px;
      padding: 24px 20px; text-align: center;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
    }
    .card .icone { font-size: 2rem; margin-bottom: 8px; }
    .card h3 { font-size: 1.15rem; margin-bottom: 6px; }
    .card p { font-size: .92rem; }

    /* Sobre */
    .sobre { background: var(--rosa); }
    .sobre .container { max-width: 640px; text-align: center; }
    .foto {
      width: 140px; height: 140px; border-radius: 50%;
      background: var(--branco); border: 4px solid var(--dourado);
      margin: 0 auto 20px; display: flex; align-items: center;
      justify-content: center; font-size: 3rem;
    }

    /* Horários e mapa */
    .info { display: grid; grid-template-columns: 1fr; gap: 24px; }
    .info ul { list-style: none; }
    .info li { padding: 10px 0; border-bottom: 1px solid var(--rosa); }
    .info li strong { color: var(--dourado); }
    iframe { width: 100%; height: 280px; border: 0; border-radius: 12px; }

    /* Rodapé */
    footer { background: var(--texto); color: #fff; text-align: center; padding: 36px 20px; }
    footer a { color: var(--rosa-forte); text-decoration: none; font-weight: 500; }
    footer p { margin-top: 8px; font-size: .9rem; }

    /* WhatsApp flutuante */
    .zap {
      position: fixed; right: 16px; bottom: 16px; width: 58px; height: 58px;
      background: #25d366; color: #fff; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.7rem; text-decoration: none;
      box-shadow: 0 6px 16px rgba(0, 0, 0, .25); z-index: 10;
    }

    /* Telas maiores */
    @media (min-width: 700px) {
      .hero h1 { font-size: 3rem; }
      .grid { grid-template-columns: repeat(3, 1fr); }
      .info { grid-template-columns: 1fr 1fr; align-items: center; }
    }
  

/* ===== Estilos que estavam escritos direto nas tags (style="...") ===== */

/* rodape */
.rodape-1 {
  opacity:.6;
  margin-top:16px;
}