.elementor-9 .elementor-element.elementor-element-ed67fb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-ed67fb6 *//* ==========================================================
   PÁGINA DE VENDAS — ASPIRADOR PORTÁTIL
   Otimizado para Royal Elementor Addons (Free) + Elementor
   Wrapper obrigatório: classe "lp-aspirador" na seção raiz
   ========================================================== */

/* TOKENS DE DESIGN */
.lp-aspirador {
  --lp-primary: #0F0F0F;
  --lp-accent: #FF6B00;
  --lp-accent-hover: #E55A00;
  --lp-success: #16A34A;
  --lp-danger: #B91C1C;
  --lp-bg: #FFFFFF;
  --lp-bg-alt: #F7F7F7;
  --lp-bg-dark: #0F0F0F;
  --lp-text: #1F1F1F;
  --lp-text-light: #FFFFFF;
  --lp-text-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-radius: 12px;
  --lp-radius-lg: 20px;
  --lp-shadow: 0 10px 30px rgba(0,0,0,0.08);
  --lp-shadow-lg: 0 20px 60px rgba(0,0,0,0.15);
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: var(--lp-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* TIPOGRAFIA — sobrescreve defaults do Elementor */
.lp-aspirador h1,
.lp-aspirador h2,
.lp-aspirador h3,
.lp-aspirador h4,
.lp-aspirador .elementor-heading-title {
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: var(--lp-primary);
}

.lp-aspirador.lp-section--dark h1,
.lp-aspirador.lp-section--dark h2,
.lp-aspirador.lp-section--dark h3,
.lp-aspirador .lp-section--dark .elementor-heading-title {
  color: var(--lp-text-light) !important;
}

.lp-aspirador strong { font-weight: 700; }

/* ========== 1. HERO ========== */
.lp-aspirador .lp-hero,
.lp-aspirador.lp-hero {
  background: linear-gradient(135deg, #0F0F0F 0%, #1A1A1A 100%) !important;
  color: var(--lp-text-light);
  position: relative;
  overflow: hidden;
}

.lp-aspirador .lp-hero::before {
  content: "";
  position: absolute;
  top: -50%; right: -20%;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(255,107,0,0.15) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.lp-aspirador .lp-hero .elementor-container { position: relative; z-index: 1; }

.lp-aspirador .lp-hero .elementor-heading-title { color: #fff !important; }

.lp-aspirador .lp-hero-accent { color: var(--lp-accent) !important; }

.lp-aspirador .lp-hero-subtitle {
  font-size: 20px;
  color: rgba(255,255,255,0.85) !important;
}

/* Selos de confiança (use ícones com texto do Royal) */
.lp-aspirador .lp-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  margin: 4px;
}

/* ========== BOTÕES / CTA — sobrescreve botões do Elementor e Royal ========== */
.lp-aspirador .lp-cta .elementor-button,
.lp-aspirador.lp-cta .elementor-button,
.lp-aspirador a.lp-cta,
.lp-aspirador .lp-cta > a,
.lp-aspirador .wpr-button-link.lp-cta {
  background-color: var(--lp-accent) !important;
  color: #fff !important;
  padding: 18px 40px !important;
  border-radius: var(--lp-radius) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border: none !important;
  box-shadow: 0 8px 24px rgba(255,107,0,0.35);
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.lp-aspirador .lp-cta .elementor-button:hover,
.lp-aspirador a.lp-cta:hover,
.lp-aspirador .lp-cta > a:hover {
  background-color: var(--lp-accent-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(255,107,0,0.45);
}

.lp-aspirador .lp-cta--lg .elementor-button,
.lp-aspirador a.lp-cta--lg {
  padding: 22px 56px !important;
  font-size: 20px !important;
}

/* ========== 2. SEÇÃO DA DOR ========== */
.lp-aspirador .lp-pain-card {
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  padding: 28px !important;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lp-aspirador .lp-pain-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--lp-shadow);
}

/* ========== 3. BENEFÍCIOS — use widget Icon Box do Royal ========== */
.lp-aspirador .lp-benefit .wpr-icon-box-icon,
.lp-aspirador .lp-benefit .elementor-icon {
  background: var(--lp-accent) !important;
  color: #fff !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.lp-aspirador .lp-benefit .wpr-icon-box-icon i,
.lp-aspirador .lp-benefit .elementor-icon i,
.lp-aspirador .lp-benefit .elementor-icon svg {
  color: #fff !important;
  fill: #fff !important;
  font-size: 32px !important;
}

/* ========== 4. CARDS DE USO (Image Box do Royal) ========== */
.lp-aspirador .lp-use-card {
  border-radius: var(--lp-radius) !important;
  overflow: hidden !important;
  position: relative;
  transition: transform 0.3s ease;
}

.lp-aspirador .lp-use-card:hover { transform: scale(1.02); }

.lp-aspirador .lp-use-card img {
  border-radius: 0 !important;
  width: 100% !important;
  transition: transform 0.4s ease;
}

.lp-aspirador .lp-use-card:hover img { transform: scale(1.08); }

/* ========== 5. ESPECIFICAÇÕES ========== */
.lp-aspirador .lp-spec {
  background: #fff;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  padding: 24px !important;
  text-align: center;
}

.lp-aspirador .lp-spec-value {
  font-size: 32px;
  font-weight: 800;
  color: var(--lp-accent);
  display: block;
  margin-bottom: 4px;
  line-height: 1;
}

.lp-aspirador .lp-spec-label {
  font-size: 14px;
  color: var(--lp-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ========== 6. COMPARAÇÃO (use widget Table do Royal ou HTML) ========== */
.lp-aspirador .lp-compare {
  background: #fff;
  border-radius: var(--lp-radius-lg);
  overflow: hidden;
  box-shadow: var(--lp-shadow);
}

.lp-aspirador .lp-compare table {
  width: 100%;
  border-collapse: collapse;
}

.lp-aspirador .lp-compare th,
.lp-aspirador .lp-compare td {
  padding: 18px 20px;
  text-align: left;
  border-bottom: 1px solid var(--lp-border);
}

.lp-aspirador .lp-compare th {
  background: var(--lp-primary);
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.lp-aspirador .lp-compare td:nth-child(2) {
  text-align: center;
  background: rgba(255,107,0,0.05);
  font-weight: 600;
  color: var(--lp-accent);
}

.lp-aspirador .lp-compare td:nth-child(3) {
  text-align: center;
  color: var(--lp-text-muted);
}

/* ========== 7. PROVA SOCIAL (use Testimonial Carousel do Royal) ========== */
.lp-aspirador .lp-stars,
.lp-aspirador .wpr-testimonial-rating {
  color: #FFB800 !important;
  font-size: 20px;
  letter-spacing: 2px;
}

.lp-aspirador .lp-review,
.lp-aspirador .wpr-testimonial-item {
  background: #fff !important;
  border-radius: var(--lp-radius) !important;
  padding: 28px !important;
  box-shadow: var(--lp-shadow) !important;
}

.lp-aspirador .wpr-testimonial-name {
  font-weight: 700 !important;
  color: var(--lp-primary) !important;
}

.lp-aspirador .wpr-testimonial-text {
  font-style: italic;
  color: var(--lp-text) !important;
}

.lp-aspirador .wpr-testimonial-image img,
.lp-aspirador .lp-review-avatar {
  border-radius: 50% !important;
  width: 52px !important;
  height: 52px !important;
  object-fit: cover;
}

/* ========== 8. CONTEÚDO DA CAIXA (use Image Box do Royal) ========== */
.lp-aspirador .lp-box-item,
.lp-aspirador .lp-box-item .wpr-image-box {
  background: #fff !important;
  border: 2px solid var(--lp-border) !important;
  border-radius: var(--lp-radius) !important;
  padding: 20px !important;
  text-align: center;
  transition: border-color 0.2s ease;
}

.lp-aspirador .lp-box-item:hover {
  border-color: var(--lp-accent) !important;
}

/* ========== 9. GARANTIA ========== */
.lp-aspirador .lp-guarantee {
  background: linear-gradient(135deg, #16A34A 0%, #0F7A36 100%) !important;
  color: #fff !important;
  padding: 60px 30px !important;
  border-radius: var(--lp-radius-lg) !important;
  text-align: center;
}

.lp-aspirador .lp-guarantee .elementor-heading-title { color: #fff !important; }

.lp-aspirador .lp-guarantee-seal {
  width: 140px; height: 140px;
  background: #fff;
  color: var(--lp-success);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.1;
  border: 6px solid rgba(255,255,255,0.3);
}

.lp-aspirador .lp-guarantee-seal strong {
  font-size: 42px;
  color: var(--lp-success);
  display: block;
}

/* ========== 10. OFERTA / PREÇO (use Price Box do Royal) ========== */
.lp-aspirador .lp-offer,
.lp-aspirador .lp-offer .wpr-price-box {
  background: #fff !important;
  border: 3px solid var(--lp-accent) !important;
  border-radius: var(--lp-radius-lg) !important;
  padding: 48px 32px !important;
  text-align: center;
  box-shadow: var(--lp-shadow-lg) !important;
  position: relative;
}

.lp-aspirador .lp-offer-tag {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--lp-accent);
  color: #fff;
  padding: 8px 24px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 2;
}

.lp-aspirador .lp-price-old {
  font-size: 20px;
  color: var(--lp-text-muted);
  text-decoration: line-through;
  margin-bottom: 8px;
}

.lp-aspirador .lp-price-new {
  font-size: 64px;
  font-weight: 800;
  color: var(--lp-primary);
  line-height: 1;
  margin-bottom: 8px;
}

.lp-aspirador .lp-price-new small {
  font-size: 28px;
  vertical-align: top;
}

.lp-aspirador .lp-price-installments {
  font-size: 16px;
  color: var(--lp-text-muted);
  margin-bottom: 24px;
}

.lp-aspirador .lp-price-installments strong {
  color: var(--lp-success);
}

.lp-aspirador .lp-scarcity {
  background: #FEF2F2;
  color: var(--lp-danger);
  padding: 12px 20px;
  border-radius: var(--lp-radius);
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0;
  display: inline-block;
}

/* ========== 11. FAQ (use widget Accordion ou Toggle do Royal) ========== */
.lp-aspirador .lp-faq .wpr-accordion-item,
.lp-aspirador .lp-faq .elementor-accordion-item {
  background: #fff !important;
  border: 1px solid var(--lp-border) !important;
  border-radius: var(--lp-radius) !important;
  margin-bottom: 12px !important;
  overflow: hidden;
}

.lp-aspirador .lp-faq .wpr-accordion-tab-title,
.lp-aspirador .lp-faq .elementor-tab-title,
.lp-aspirador .lp-faq .elementor-accordion-title {
  padding: 20px 24px !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  background: #fff !important;
  color: var(--lp-primary) !important;
  transition: background 0.2s ease;
  border: none !important;
}

.lp-aspirador .lp-faq .wpr-accordion-tab-title:hover,
.lp-aspirador .lp-faq .elementor-tab-title:hover {
  background: var(--lp-bg-alt) !important;
}

.lp-aspirador .lp-faq .wpr-accordion-tab-content,
.lp-aspirador .lp-faq .elementor-tab-content,
.lp-aspirador .lp-faq .elementor-accordion-content {
  padding: 0 24px 20px !important;
  color: var(--lp-text-muted) !important;
  border: none !important;
  background: #fff !important;
}

/* ========== UTILITÁRIOS ========== */
.lp-aspirador .lp-eyebrow {
  display: inline-block;
  background: rgba(255,107,0,0.1);
  color: var(--lp-accent);
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.lp-aspirador .lp-divider {
  width: 60px;
  height: 4px;
  background: var(--lp-accent);
  border: none;
  margin: 0 auto 32px;
  border-radius: 2px;
}

.lp-aspirador .lp-bg-dark { background: var(--lp-bg-dark) !important; color: #fff; }
.lp-aspirador .lp-bg-alt { background: var(--lp-bg-alt) !important; }

.lp-aspirador .lp-check::before {
  content: "✓ ";
  color: var(--lp-success);
  font-weight: 800;
  margin-right: 6px;
}

/* ========== RESPONSIVO ========== */
@media (max-width: 768px) {
  .lp-aspirador .lp-price-new { font-size: 48px; }
  .lp-aspirador .lp-cta--lg .elementor-button,
  .lp-aspirador a.lp-cta--lg {
    padding: 18px 32px !important;
    font-size: 17px !important;
  }
  .lp-aspirador .lp-compare table { font-size: 14px; }
  .lp-aspirador .lp-compare th,
  .lp-aspirador .lp-compare td { padding: 12px 10px; }
  .lp-aspirador .lp-guarantee-seal {
    width: 110px;
    height: 110px;
    font-size: 14px;
  }
  .lp-aspirador .lp-guarantee-seal strong { font-size: 32px; }
}/* End custom CSS */