/*
Theme Name: Promocoes da Paty Pink
Theme URI: https://example.com/
Author: OpenAI
Description: Landing page WordPress com visual rosa inspirado na identidade da Promoções da Paty.
Version: 1.1
Text Domain: promocoes-da-paty-pink
*/

:root {
  --bg-1: #fff1f7;
  --bg-2: #ffdff0;
  --bg-3: #ffc7e8;
  --bg-4: #ffd8c9;
  --card-1: rgba(255, 255, 255, 0.92);
  --card-2: rgba(255, 255, 255, 0.80);
  --line: rgba(212, 70, 166, 0.18);
  --title: #7710a8;
  --text: #7a386d;
  --muted: #945f88;
  --pink-1: #ff4fb2;
  --pink-2: #ff2e9f;
  --pink-3: #ff7ac3;
  --purple-1: #b91ae3;
  --orange-1: #ffb057;
  --orange-2: #ff8f65;
  --yellow: #ffe86b;
  --wa-1: #25d366;
  --wa-2: #22c55e;
  --wa-3: #1faa4b;
  --shadow: 0 28px 60px rgba(196, 73, 155, 0.18);
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --pill: 999px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { min-height: 100%; }

body.promocoes-da-paty-soft-theme {
  font-family: var(--font-heading);
  color: var(--text);
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 103, 180, 0.22), transparent 18%),
    radial-gradient(circle at 85% 12%, rgba(185, 26, 227, 0.16), transparent 20%),
    radial-gradient(circle at 50% 100%, rgba(255, 120, 182, 0.20), transparent 28%),
    linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 32%, var(--bg-3) 68%, var(--bg-4) 100%);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.promocoes-da-paty-soft-theme a { color: inherit; text-decoration: none; }

body.promocoes-da-paty-soft-theme .topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .3px;
  padding: 11px 14px;
  background: linear-gradient(90deg, var(--orange-2) 0%, var(--pink-1) 52%, var(--purple-1) 100%);
  box-shadow: 0 10px 22px rgba(185, 26, 227, 0.18);
}

body.promocoes-da-paty-soft-theme .page {
  min-height: calc(100vh - 42px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 34px 16px 110px;
}

body.promocoes-da-paty-soft-theme .landing-card {
  width: 100%;
  max-width: 430px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--card-1) 0%, var(--card-2) 100%);
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow);
  padding: 22px 18px 22px;
  backdrop-filter: blur(8px);
}

body.promocoes-da-paty-soft-theme .landing-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: calc(var(--radius-xl) - 8px);
  border: 1px solid rgba(255,255,255,.50);
  pointer-events: none;
}

body.promocoes-da-paty-soft-theme .shape {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(8px);
  opacity: .8;
}
body.promocoes-da-paty-soft-theme .shape-1 {
  width: 200px; height: 200px; top: -60px; right: -40px;
  background: radial-gradient(circle, rgba(255,79,178,.40) 0%, rgba(255,79,178,0) 70%);
}
body.promocoes-da-paty-soft-theme .shape-2 {
  width: 170px; height: 170px; bottom: 110px; left: -50px;
  background: radial-gradient(circle, rgba(255,176,87,.34) 0%, rgba(255,176,87,0) 70%);
}
body.promocoes-da-paty-soft-theme .shape-3 {
  width: 150px; height: 150px; bottom: -30px; right: 0;
  background: radial-gradient(circle, rgba(185,26,227,.24) 0%, rgba(185,26,227,0) 70%);
}

body.promocoes-da-paty-soft-theme .sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .8;
}
body.promocoes-da-paty-soft-theme .sparkles-top::before,
body.promocoes-da-paty-soft-theme .sparkles-top::after,
body.promocoes-da-paty-soft-theme .sparkles-bottom::before,
body.promocoes-da-paty-soft-theme .sparkles-bottom::after {
  content: "✦";
  position: absolute;
  color: var(--yellow);
  font-size: 18px;
}
body.promocoes-da-paty-soft-theme .sparkles-top::before { top: 28px; left: 32px; }
body.promocoes-da-paty-soft-theme .sparkles-top::after { top: 34px; right: 38px; color: #ff9dcb; }
body.promocoes-da-paty-soft-theme .sparkles-bottom::before { bottom: 122px; left: 42px; }
body.promocoes-da-paty-soft-theme .sparkles-bottom::after { bottom: 132px; right: 44px; color: #ff9dcb; }

body.promocoes-da-paty-soft-theme .hero,
body.promocoes-da-paty-soft-theme .progress-card,
body.promocoes-da-paty-soft-theme .features-title,
body.promocoes-da-paty-soft-theme .testimonials-title,
body.promocoes-da-paty-soft-theme .feature-text h3,
body.promocoes-da-paty-soft-theme .testimonial-name {
  color: #ffffff;
}

body.promocoes-da-paty-soft-theme .hero { text-align: center; }

body.promocoes-da-paty-soft-theme .logo-frame {
  width: 96px;
  height: 96px;
  margin: 0 auto 14px;
  padding: 4px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,241,247,.84));
  border: 1px solid rgba(255,255,255,.86);
  box-shadow: 0 18px 32px rgba(185, 26, 227, 0.12);
}

body.promocoes-da-paty-soft-theme .main-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 18px;
}

body.promocoes-da-paty-soft-theme .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, var(--orange-1) 0%, var(--pink-1) 100%);
}

body.promocoes-da-paty-soft-theme .hero h1 {
  font-size: 34px;
  line-height: .98;
  font-weight: 900;
  color: var(--title);
  margin-bottom: 12px;
}

body.promocoes-da-paty-soft-theme .hero h1 span {
  display: inline-block;
  margin-top: 4px;
  color: var(--pink-1);
}

body.promocoes-da-paty-soft-theme .subtitle {
  max-width: 330px;
  margin: 0 auto 16px;
  font-size: 13px;
  line-height: 1.62;
  color: var(--text);
  font-weight: 600;
}

body.promocoes-da-paty-soft-theme .cta-button {
  width: 100%;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: var(--pill);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .15px;
  background: linear-gradient(180deg, var(--wa-1) 0%, var(--wa-2) 55%, var(--wa-3) 100%);
  box-shadow: 0 16px 28px rgba(37, 211, 102, 0.28);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

body.promocoes-da-paty-soft-theme .cta-button:hover {
  transform: translateY(-1px);
  filter: brightness(.99);
  box-shadow: 0 18px 34px rgba(37, 211, 102, 0.32);
}

body.promocoes-da-paty-soft-theme .cta-icon { width: 17px; height: 17px; display: inline-flex; }
body.promocoes-da-paty-soft-theme .cta-icon svg { width: 100%; height: 100%; }

body.promocoes-da-paty-soft-theme .microcopy {
  max-width: 312px;
  margin: 10px auto 0;
  font-size: 10px;
  line-height: 1.5;
  color: var(--muted);
  font-weight: 700;
}

body.promocoes-da-paty-soft-theme .progress-card {
  margin-top: 16px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(212,70,166,.16);
  border-radius: 20px;
  padding: 12px;
}

body.promocoes-da-paty-soft-theme .progress-top,
body.promocoes-da-paty-soft-theme .progress-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.promocoes-da-paty-soft-theme .progress-top { margin-bottom: 8px; }
body.promocoes-da-paty-soft-theme .progress-label,
body.promocoes-da-paty-soft-theme #percent-text {
  font-size: 12px;
  font-weight: 800;
  color: var(--title);
}
body.promocoes-da-paty-soft-theme .progress-track {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 130, 189, 0.24);
}
body.promocoes-da-paty-soft-theme .progress-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--orange-1) 0%, var(--pink-1) 58%, var(--purple-1) 100%);
  transition: width .35s ease;
}
body.promocoes-da-paty-soft-theme .progress-bottom { margin-top: 8px; justify-content: flex-end; }
body.promocoes-da-paty-soft-theme #progress-note {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
}

body.promocoes-da-paty-soft-theme .features-title,
body.promocoes-da-paty-soft-theme .testimonials-title {
  text-align: center;
  margin: 20px 0 14px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .3px;
  color: var(--title);
}

body.promocoes-da-paty-soft-theme .features-list {
  display: grid;
  gap: 10px;
}

body.promocoes-da-paty-soft-theme .feature-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: flex-start;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(212,70,166,.14);
  border-radius: 18px;
  padding: 13px 12px;
  box-shadow: 0 8px 20px rgba(196,73,155,.06);
}

body.promocoes-da-paty-soft-theme .feature-icon {
  width: 32px;
  height: 32px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: linear-gradient(180deg, rgba(255, 176, 87, 0.24), rgba(255, 79, 178, 0.12));
}

body.promocoes-da-paty-soft-theme .feature-text h3 {
  font-size: 12.6px;
  font-weight: 900;
  color: var(--title);
  margin-bottom: 4px;
}

body.promocoes-da-paty-soft-theme .feature-text p {
  font-size: 11.8px;
  line-height: 1.52;
  color: var(--text);
  font-weight: 600;
}

body.promocoes-da-paty-soft-theme .testimonials-section { margin-top: 16px; }
body.promocoes-da-paty-soft-theme .testimonials-scroll-wrap { position: relative; width: 100%; }
body.promocoes-da-paty-soft-theme .testimonials-viewport {
  height: 390px;
  overflow: hidden;
  border-radius: 22px;
  user-select: none;
  -webkit-user-select: none;
}
body.promocoes-da-paty-soft-theme .testimonials-track {
  display: flex;
  flex-direction: column;
  gap: 10px;
  will-change: transform;
  animation: testimonialsScrollDown 45s linear infinite;
}
body.promocoes-da-paty-soft-theme .testimonial-card {
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(212,70,166,.14);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 8px 20px rgba(196,73,155,.06);
}
body.promocoes-da-paty-soft-theme .testimonial-name {
  font-size: 13px;
  font-weight: 900;
  color: var(--title);
  margin-bottom: 6px;
}
body.promocoes-da-paty-soft-theme .testimonial-card p {
  font-size: 11.8px;
  line-height: 1.55;
  color: var(--text);
  font-weight: 600;
}

@keyframes testimonialsScrollDown {
  from { transform: translateY(-50%); }
  to { transform: translateY(0); }
}

body.promocoes-da-paty-soft-theme .footer-area {
  margin-top: 16px;
  text-align: center;
}
body.promocoes-da-paty-soft-theme .footer-divider {
  width: 100%;
  height: 1px;
  background: rgba(212,70,166,.12);
  margin-bottom: 16px;
}
body.promocoes-da-paty-soft-theme .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
}
body.promocoes-da-paty-soft-theme .made-with-love {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 11px 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,176,87,.18), rgba(255,79,178,.18));
  border: 1px solid rgba(212,70,166,.14);
  color: var(--title);
  font-size: 11px;
  font-weight: 800;
}

body.promocoes-da-paty-soft-theme .social-proof-toast {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translate(-50%, 18px);
  width: min(92vw, 430px);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(212,70,166,.18);
  box-shadow: 0 14px 30px rgba(196,73,155,.12);
  backdrop-filter: blur(10px);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
}
body.promocoes-da-paty-soft-theme .social-proof-toast.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
body.promocoes-da-paty-soft-theme .toast-avatar {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(255,176,87,.24), rgba(255,79,178,.24));
  font-size: 15px;
}
body.promocoes-da-paty-soft-theme .social-proof-toast p {
  font-size: 12px;
  line-height: 1.35;
  color: var(--text);
  font-weight: 600;
}
body.promocoes-da-paty-soft-theme .social-proof-toast strong {
  font-weight: 900;
  color: var(--title);
}

@media (max-width: 480px) {
  body.promocoes-da-paty-soft-theme .page { padding: 20px 12px 96px; }
  body.promocoes-da-paty-soft-theme .landing-card { padding: 18px 14px 18px; border-radius: 26px; }
  body.promocoes-da-paty-soft-theme .landing-card::before { inset: 8px; border-radius: 20px; }
  body.promocoes-da-paty-soft-theme .hero h1 { font-size: 31px; }
  body.promocoes-da-paty-soft-theme .subtitle { font-size: 12.5px; }
  body.promocoes-da-paty-soft-theme .cta-button { min-height: 50px; font-size: 14px; }
  body.promocoes-da-paty-soft-theme .features-title,
  body.promocoes-da-paty-soft-theme .testimonials-title { font-size: 13px; }
  body.promocoes-da-paty-soft-theme .testimonials-viewport { height: 350px; }
  body.promocoes-da-paty-soft-theme .testimonial-card,
  body.promocoes-da-paty-soft-theme .feature-card { border-radius: 16px; }
}