/* ============================================================
   Alfabetizando — Landing Page Styles
   ============================================================ */

:root {
  --amarelo: #FFD600;
  --laranja: #FF6B1A;
  --laranja-escuro: #E05500;
  --verde: #2ECC71;
  --verde-escuro: #27AE60;
  --azul: #2980B9;
  --azul-claro: #5DADE2;
  --roxo: #8E44AD;
  --rosa: #FF4F8B;
  --branco: #FFFFFF;
  --cinza-claro: #F7F9FC;
  --cinza: #6B7280;
  --texto: #1A1A2E;
  --sombra: 0 4px 24px rgba(0,0,0,0.10);
  --raio: 18px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* ── Forçar apresentação emoji (evita símbolo de texto em Android/Windows) ── */
.alfa-topbar, .alfa-badge, .alfa-icon, .alfa-benefit-icon,
.alfa-strip-inner span, .alfa-cta-microcopy span,
.alfa-price-badge, .alfa-price-microcopy span,
.alfa-guarantee-icon, .alfa-result-badge,
.alfa-btn-cta, .alfa-btn-sample, .alfa-btn-sticky,
.alfa-scarcity h3, .alfa-urgency-notice, .alfa-price-info {
  font-variant-emoji: emoji;
}

body.alfa-landing {
  font-family: 'Nunito', sans-serif;
  color: var(--texto);
  background: var(--branco);
  overflow-x: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hide WordPress admin bar shift on landing */
body.alfa-landing.admin-bar .alfa-topbar { top: 32px; }
@media screen and (max-width: 782px) {
  body.alfa-landing.admin-bar .alfa-topbar { top: 46px; }
}

h1, h2, h3, h4 { font-family: 'Baloo 2', cursive; }

/* ── UTILITIES ─────────────────────────────────────────────── */
.alfa-container { max-width: 860px; margin: 0 auto; padding: 0 18px; }
.alfa-section { padding: 60px 0; }
.alfa-section-alt { background: var(--cinza-claro); }
.alfa-tag {
  display: inline-block;
  background: var(--amarelo);
  color: var(--texto);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 30px;
  margin-bottom: 12px;
}
.alfa-section-title {
  font-size: clamp(1.7rem, 5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 14px;
}
.alfa-section-sub {
  font-size: 1.05rem;
  color: #4B5563; /* contraste ≥ 4.5:1 em fundo branco */
  max-width: 600px;
  margin: 0 auto 32px;
}
.alfa-center { text-align: center; }

/* ── CTA BUTTON ────────────────────────────────────────────── */
.alfa-btn-cta {
  display: inline-block;
  background: linear-gradient(135deg, var(--laranja), #FF3D00);
  color: #fff !important;
  font-family: 'Baloo 2', cursive;
  font-size: 1.18rem;
  font-weight: 800;
  text-decoration: none !important;
  padding: 18px 38px;
  border-radius: 50px;
  box-shadow: 0 6px 28px rgba(255,107,26,.45);
  transition: transform .18s, box-shadow .18s, background .18s;
  letter-spacing: .02em;
  cursor: pointer;
  border: none;
  text-align: center;
}
.alfa-btn-cta:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 10px 36px rgba(255,107,26,.55); background: linear-gradient(135deg,#FF3D00,var(--laranja)); }
.alfa-btn-cta-green {
  background: linear-gradient(135deg, var(--verde), var(--verde-escuro));
  box-shadow: 0 6px 28px rgba(46,204,113,.40);
}
.alfa-btn-cta-green:hover { background: linear-gradient(135deg, var(--verde-escuro), var(--verde)); box-shadow: 0 10px 36px rgba(46,204,113,.52); }
.alfa-btn-pulse { animation: alfaPulse 2s infinite; }
@keyframes alfaPulse {
  0%,100% { box-shadow: 0 6px 28px rgba(255,107,26,.45); }
  50% { box-shadow: 0 6px 40px rgba(255,107,26,.75), 0 0 0 8px rgba(255,107,26,.12); }
}
.alfa-btn-sample {
  display: inline-block;
  border: 2.5px solid var(--azul);
  color: var(--azul) !important;
  background: transparent;
  font-family: 'Baloo 2', cursive;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none !important;
  padding: 13px 30px;
  border-radius: 50px;
  transition: all .18s;
}
.alfa-btn-sample:hover { background: var(--azul); color: #fff !important; }

/* ── TOP BAR ───────────────────────────────────────────────── */
.alfa-topbar {
  background: var(--texto);
  color: #fff;
  text-align: center;
  font-size: .88rem;
  font-weight: 700;
  padding: 9px 14px;
  letter-spacing: .02em;
}
.alfa-topbar span { color: var(--amarelo); }

/* ── HERO ──────────────────────────────────────────────────── */
.alfa-hero {
  background: linear-gradient(145deg, #FFF8E1 0%, #FFF3E0 40%, #E3F2FD 100%);
  padding: 56px 0 48px;
  position: relative;
  overflow: hidden;
}
.alfa-hero::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,214,0,.25) 0%, transparent 70%);
}
.alfa-hero::after {
  content: '';
  position: absolute;
  bottom: -60px; left: -60px;
  width: 240px; height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(46,204,113,.18) 0%, transparent 70%);
}
.alfa-hero-inner { position: relative; z-index: 1; }
.alfa-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255,107,26,.12);
  border: 1.5px solid var(--laranja);
  color: var(--laranja-escuro);
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 30px;
  margin-bottom: 18px;
}
.alfa-hero h1 {
  font-size: clamp(2rem, 6.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1.15;
  color: var(--texto);
  margin-bottom: 16px;
}
.alfa-hero h1 em { font-style: normal; color: var(--laranja); }
.alfa-hero-sub {
  font-size: clamp(1rem, 3vw, 1.18rem);
  color: #444;
  max-width: 560px;
  margin-bottom: 32px;
  line-height: 1.6;
}
.alfa-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 36px; }
.alfa-hero-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.alfa-badge {
  display: flex; align-items: center; gap: 6px;
  background: #fff;
  border: 1.5px solid #E5E7EB;
  border-radius: 30px;
  padding: 6px 14px;
  font-size: .82rem;
  font-weight: 700;
  color: #444;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.alfa-hero-img-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 40px;
}
.alfa-hero-img-grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(0,0,0,.12);
  transition: transform .2s;
}
.alfa-hero-img-grid img:hover { transform: scale(1.04); }

/* ── SOCIAL PROOF STRIP ────────────────────────────────────── */
.alfa-strip {
  background: var(--laranja);
  color: #fff;
  padding: 16px 0;
  overflow: hidden;
}
.alfa-strip-inner {
  display: flex;
  gap: 48px;
  justify-content: center;
  flex-wrap: wrap;
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: .04em;
}
.alfa-strip-inner span { display: flex; align-items: center; gap: 8px; }

/* ── PROBLEM ───────────────────────────────────────────────── */
.alfa-problem-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin-top: 32px;
}
.alfa-problem-card {
  background: #fff;
  border-left: 5px solid var(--rosa);
  border-radius: var(--raio);
  padding: 22px 20px;
  box-shadow: var(--sombra);
}
.alfa-problem-card .alfa-icon { font-size: 2rem; margin-bottom: 10px; }
.alfa-problem-card h3 { font-size: 1.05rem; font-weight: 800; margin-bottom: 6px; }
.alfa-problem-card p { font-size: .92rem; color: #4B5563; line-height: 1.5; }

/* ── SOLUTION ──────────────────────────────────────────────── */
.alfa-solution-box {
  background: linear-gradient(135deg, #E8F5E9, #E3F2FD);
  border-radius: 24px;
  padding: 40px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
.alfa-solution-box::before {
  content: '✨';
  position: absolute;
  font-size: 6rem;
  opacity: .07;
  top: -10px; right: -10px;
}
.alfa-solution-box h2 { color: var(--verde-escuro); margin-bottom: 16px; }
.alfa-solution-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 16px;
  margin-top: 28px;
  text-align: left;
}
.alfa-sol-point {
  background: #fff;
  border-radius: 14px;
  padding: 18px 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,.07);
}
.alfa-sol-point .alfa-icon { font-size: 1.8rem; margin-bottom: 8px; }
.alfa-sol-point h4 { font-size: .98rem; font-weight: 800; margin-bottom: 4px; }
.alfa-sol-point p { font-size: .86rem; color: #4B5563; }

/* ── BENEFITS ──────────────────────────────────────────────── */
.alfa-benefits-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.alfa-benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff;
  border-radius: 14px;
  padding: 20px 18px;
  box-shadow: var(--sombra);
  border-top: 4px solid var(--amarelo);
}
.alfa-benefit-icon { font-size: 2rem; flex-shrink: 0; line-height: 1; }
.alfa-benefit-item h4 { font-size: 1rem; font-weight: 800; margin-bottom: 4px; }
.alfa-benefit-item p { font-size: .87rem; color: #4B5563; }

/* ── CONTENTS ──────────────────────────────────────────────── */
.alfa-contents-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  margin-top: 32px;
}
.alfa-content-card {
  background: #fff;
  border-radius: 16px;
  padding: 22px 14px;
  text-align: center;
  box-shadow: var(--sombra);
  border-bottom: 4px solid var(--azul-claro);
  transition: transform .18s;
}
.alfa-content-card:hover { transform: translateY(-4px); }
.alfa-content-card .alfa-icon { font-size: 2.4rem; margin-bottom: 10px; }
.alfa-content-card h4 { font-size: .95rem; font-weight: 800; color: var(--texto); }

/* ── GALLERY ───────────────────────────────────────────────── */
.alfa-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 32px;
}
/* Gallery items are now <button> elements for accessibility */
.alfa-gallery-item {
  position: relative;
  display: block;
  background: none;
  border: none;
  padding: 0;
  cursor: zoom-in;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 3px 16px rgba(0,0,0,.10);
  transition: transform .2s, box-shadow .2s;
}
.alfa-gallery-item:hover,
.alfa-gallery-item:focus-visible {
  transform: scale(1.04);
  box-shadow: 0 6px 24px rgba(0,0,0,.18);
  z-index: 2;
}
.alfa-gallery-item:focus-visible { outline: 3px solid var(--azul); outline-offset: 3px; }
.alfa-gallery-item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  border-radius: 14px;
}
.alfa-gallery-item.alfa-wide { grid-column: span 2; }
.alfa-gallery-item.alfa-wide img { aspect-ratio: 2/1; }

/* Zoom icon overlay */
.alfa-zoom-icon {
  position: absolute;
  bottom: 8px; right: 10px;
  font-size: 1.3rem;
  background: rgba(255,255,255,.85);
  border-radius: 50%;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  opacity: 0;
  transition: opacity .18s;
  pointer-events: none;
}
.alfa-gallery-item:hover .alfa-zoom-icon,
.alfa-gallery-item:focus-visible .alfa-zoom-icon { opacity: 1; }

/* ── LIGHTBOX ──────────────────────────────────────────────── */
.alfa-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alfa-lightbox[hidden] { display: none; }
.alfa-lb-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.85);
  cursor: zoom-out;
}
.alfa-lb-panel {
  position: relative;
  z-index: 1;
  max-width: min(92vw, 900px);
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alfa-lb-panel img {
  max-width: 100%;
  max-height: 85vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  display: block;
  object-fit: contain;
}
.alfa-lb-close {
  position: absolute;
  top: -16px; right: -16px;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: #fff;
  border: none;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 12px rgba(0,0,0,.3);
  z-index: 2;
  color: var(--texto);
  font-weight: 700;
  transition: background .15s;
}
.alfa-lb-close:hover { background: #f0f0f0; }

/* ── TESTIMONIALS ──────────────────────────────────────────── */
.alfa-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 32px;
}
.alfa-testimonial {
  background: #fff;
  border-radius: 18px;
  padding: 26px 22px;
  box-shadow: var(--sombra);
  position: relative;
}
.alfa-testimonial::before {
  content: '"';
  position: absolute;
  top: 10px; left: 18px;
  font-family: 'Baloo 2', cursive;
  font-size: 5rem;
  color: var(--amarelo);
  line-height: 1;
  opacity: .4;
}
.alfa-stars { color: var(--amarelo); font-size: 1.1rem; margin-bottom: 10px; }
.alfa-testimonial p { font-size: .95rem; line-height: 1.6; color: #333; margin-bottom: 16px; position: relative; z-index: 1; }
.alfa-testimonial-author { display: flex; align-items: center; gap: 12px; }
.alfa-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.alfa-testimonial-author strong { font-size: .95rem; display: block; }
.alfa-testimonial-author span { font-size: .8rem; color: #4B5563; }

/* ── PRICE ─────────────────────────────────────────────────── */
.alfa-price-box {
  background: linear-gradient(145deg, #1A1A2E, #16213E);
  color: #fff;
  border-radius: 28px;
  padding: 44px 36px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 12px 48px rgba(0,0,0,.25);
  position: relative;
  overflow: hidden;
}
.alfa-price-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--amarelo), var(--laranja), var(--rosa));
}
.alfa-price-badge {
  background: var(--laranja);
  color: #fff;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 18px;
}
.alfa-price-box h2, .alfa-price-product-name { font-size: 1.6rem; font-weight: 800; margin-bottom: 10px; color: #fff; }
.alfa-price-old {
  font-size: 1.1rem;
  color: #aaa;
  text-decoration: line-through;
  margin-bottom: 4px;
}
.alfa-price-current {
  font-family: 'Baloo 2', cursive;
  font-size: 3.8rem;
  font-weight: 800;
  color: var(--verde);
  line-height: 1;
  margin-bottom: 6px;
}
.alfa-price-current sup { font-size: 1.8rem; vertical-align: super; }
.alfa-price-sub { font-size: .9rem; color: #aaa; margin-bottom: 28px; }
.alfa-price-features {
  list-style: none;
  text-align: left;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.alfa-price-features li {
  display: flex; align-items: center; gap: 10px;
  font-size: .95rem; color: #ddd;
}
.alfa-price-features li::before { content: '✅'; font-size: 1rem; }

/* ── GUARANTEE ─────────────────────────────────────────────── */
.alfa-guarantee-box {
  display: flex;
  align-items: center;
  gap: 22px;
  background: #fff;
  border: 2.5px solid var(--verde);
  border-radius: 20px;
  padding: 28px 26px;
  margin-top: 32px;
  box-shadow: 0 4px 20px rgba(46,204,113,.12);
}
.alfa-guarantee-icon { font-size: 4rem; flex-shrink: 0; }
.alfa-guarantee-box h3 { font-size: 1.2rem; font-weight: 800; margin-bottom: 6px; color: var(--verde-escuro); }
.alfa-guarantee-box p { font-size: .92rem; color: #374151; line-height: 1.55; }

/* ── SCARCITY ──────────────────────────────────────────────── */
.alfa-scarcity {
  background: linear-gradient(135deg, #FF3D00, var(--laranja));
  color: #fff;
  border-radius: 18px;
  padding: 28px 24px;
  text-align: center;
  margin-top: 32px;
}
.alfa-scarcity h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 8px; }
.alfa-scarcity p { font-size: .95rem; opacity: .9; }
.alfa-countdown {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 18px 0 0;
  flex-wrap: wrap;
}
.alfa-countdown-unit {
  background: rgba(0,0,0,.25);
  border-radius: 10px;
  padding: 10px 16px;
  text-align: center;
  min-width: 64px;
}
.alfa-countdown-unit .num {
  font-family: 'Baloo 2', cursive;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  display: block;
}
.alfa-countdown-unit .label { font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; opacity: .8; }

/* ── FAQ ───────────────────────────────────────────────────── */
.alfa-faq-list { margin-top: 32px; display: flex; flex-direction: column; gap: 12px; }
.alfa-faq-item {
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--sombra);
  overflow: hidden;
}
.alfa-faq-q {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 18px 22px;
  font-family: 'Baloo 2', cursive;
  font-size: 1.02rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--texto);
  transition: background .15s;
}
.alfa-faq-q:hover { background: #F7F9FC; }
.alfa-faq-q .alfa-arrow { font-size: 1.2rem; transition: transform .2s; }
.alfa-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
  padding: 0 22px;
  font-size: .95rem;
  color: #555;
  line-height: 1.6;
}
.alfa-faq-item.open .alfa-faq-a { max-height: 300px; padding: 0 22px 18px; }
.alfa-faq-item.open .alfa-arrow { transform: rotate(180deg); }

/* ── FINAL CTA ─────────────────────────────────────────────── */
.alfa-final-cta {
  background: linear-gradient(145deg, #FFF8E1, #FFF3E0);
  border-radius: 28px;
  padding: 56px 32px;
  text-align: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
}
.alfa-final-cta::before {
  content: '🌟';
  position: absolute;
  font-size: 10rem;
  opacity: .05;
  top: -20px; right: -20px;
}
.alfa-final-cta h2 { font-size: clamp(1.7rem, 5vw, 2.6rem); margin-bottom: 14px; }
.alfa-final-cta p { font-size: 1.05rem; color: #555; max-width: 520px; margin: 0 auto 30px; }

/* ── FOOTER ────────────────────────────────────────────────── */
.alfa-footer {
  background: var(--texto);
  color: #aaa;
  text-align: center;
  padding: 28px 18px;
  font-size: .84rem;
  line-height: 1.7;
}
.alfa-footer a { color: #ddd; text-decoration: none; }

/* ── STICKY BAR (mobile) ───────────────────────────────────── */
.alfa-sticky-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(135deg, var(--laranja), #FF3D00);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px;
  z-index: 9999;
  box-shadow: 0 -4px 20px rgba(0,0,0,.18);
}
.alfa-sticky-bar .alfa-price-info { line-height: 1.2; }
.alfa-sticky-bar .alfa-price-info small { font-size: .78rem; opacity: .85; display: block; }
.alfa-sticky-bar .alfa-price-info strong { font-size: 1.2rem; font-weight: 800; }
.alfa-sticky-bar .alfa-btn-sticky {
  background: #fff;
  color: var(--laranja-escuro) !important;
  font-family: 'Baloo 2', cursive;
  font-weight: 800;
  font-size: .92rem;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none !important;
  white-space: nowrap;
}
@media (min-width: 768px) { .alfa-sticky-bar { display: none; } }

/* ── ANIMATIONS ────────────────────────────────────────────── */
@keyframes alfaFadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.alfa-hero-inner > * { animation: alfaFadeUp .6s both; }
.alfa-hero-inner > *:nth-child(1) { animation-delay: .05s; }
.alfa-hero-inner > *:nth-child(2) { animation-delay: .15s; }
.alfa-hero-inner > *:nth-child(3) { animation-delay: .25s; }
.alfa-hero-inner > *:nth-child(4) { animation-delay: .35s; }
.alfa-hero-inner > *:nth-child(5) { animation-delay: .45s; }
.alfa-hero-inner > *:nth-child(6) { animation-delay: .55s; }

/* ── MICROCOPY (abaixo dos botões CTA) ─────────────────────── */
.alfa-cta-microcopy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: .82rem;
  color: #4B5563;
  font-weight: 700;
  margin-top: 10px;
}
.alfa-cta-microcopy span { display: flex; align-items: center; gap: 4px; }

/* ── BEFORE / AFTER ────────────────────────────────────────── */
.alfa-transform-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  margin-top: 36px;
}
.alfa-transform-card {
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: var(--sombra);
}
.alfa-transform-before {
  background: #FFF5F5;
  border: 2px solid #FECACA;
}
.alfa-transform-after {
  background: #F0FDF4;
  border: 2px solid #BBF7D0;
}
.alfa-transform-label {
  font-family: 'Baloo 2', cursive;
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 16px;
}
.alfa-transform-before .alfa-transform-label { color: #DC2626; }
.alfa-transform-after  .alfa-transform-label { color: #16A34A; }
.alfa-transform-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.alfa-transform-before .alfa-transform-list li::before {
  content: '✗ ';
  color: #DC2626;
  font-weight: 800;
}
.alfa-transform-after .alfa-transform-list li::before {
  content: '✓ ';
  color: #16A34A;
  font-weight: 800;
}
.alfa-transform-list li {
  font-size: .95rem;
  color: #374151;
  line-height: 1.45;
}
.alfa-transform-arrow {
  font-size: 2.5rem;
  color: var(--laranja);
  font-weight: 900;
  text-align: center;
  flex-shrink: 0;
}

/* ── RESULT BADGE (nos depoimentos) ────────────────────────── */
.alfa-result-badge {
  display: inline-block;
  background: #FFF3E0;
  color: var(--laranja-escuro);
  border: 1.5px solid var(--laranja);
  border-radius: 20px;
  font-size: .75rem;
  font-weight: 800;
  padding: 3px 12px;
  margin-bottom: 10px;
  letter-spacing: .03em;
}

/* ── URGENCY NOTICE (no price-box) ────────────────────────── */
.alfa-urgency-notice {
  background: rgba(255, 61, 0, .12);
  border: 1.5px solid rgba(255, 61, 0, .4);
  color: #FF3D00;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: .88rem;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.4;
}

/* ── PRICE MICROCOPY ───────────────────────────────────────── */
.alfa-price-microcopy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  font-size: .82rem;
  color: #bbb;
  font-weight: 700;
  text-align: left;
}
.alfa-price-microcopy span { display: flex; align-items: center; gap: 6px; }

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 600px) {
  .alfa-hero-btns { flex-direction: column; }
  .alfa-btn-cta { width: 100%; text-align: center; }
  .alfa-btn-sample { width: 100%; text-align: center; }
  .alfa-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .alfa-gallery-item.alfa-wide { grid-column: span 2; }
  .alfa-guarantee-box { flex-direction: column; text-align: center; }
  body.alfa-landing { padding-bottom: 68px !important; }

  /* Before/After vira coluna em mobile */
  .alfa-transform-grid {
    grid-template-columns: 1fr;
  }
  .alfa-transform-arrow {
    font-size: 2rem;
    transform: rotate(90deg);
    text-align: center;
  }
  .alfa-cta-microcopy { flex-direction: column; gap: 5px; }
}