/* ==========================================================================
   Redesign inspirado em reidospresets.com.br
   - paleta: azul #389bf2 (acentos/textos) + tomate #27ae60 (CTAs)
   - tipografia: Montserrat (titulos) / Roboto (corpo) - ja usadas no site
   - hero: mesma imagem de fundo e mesma imagem de celulares do site de referencia
   ========================================================================== */

/* ---------- HERO ---------- */
.rp-hero {
  background-color: #0d0d0d;
  background-image: url("../wp-content/uploads/reidos-design/hero-bg.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 90px !important;
  padding-bottom: 60px !important;
}

.rp-hero-text,
.rp-hero-text .elementor-heading-title,
.rp-hero-text p {
  color: #ffffff !important;
}

.rp-hero-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  width: 100% !important;
  max-width: 1140px !important;
}

.rp-hero-text {
  flex: 1 1 460px;
  min-width: 280px;
  width: auto !important;
}

.rp-hero-text .elementor-heading-title {
  letter-spacing: -0.5px;
}

.rp-break {
  display: none;
}

.rp-hero-subtitle {
  margin-top: 20px;
}

@media (max-width: 600px) {
  .rp-break {
    display: inline;
  }
  .rp-hero-subtitle {
    margin-top: 28px;
  }
}

.rp-hero-image {
  flex: 1 1 420px;
  min-width: 280px;
  width: auto !important;
  text-align: center;
}

.rp-hero-image-img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.18));
}

@media (max-width: 768px) {
  .rp-hero {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
  }
  .rp-hero-inner {
    gap: 20px;
  }
  .rp-hero-image {
    order: 2;
  }
  .rp-hero-image-img {
    max-width: 80%;
  }
}

/* ---------- BOTOES (estilo reidospresets: uppercase, cantos discretos) ---------- */
.elementor-button {
  border-radius: 6px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease-in-out !important;
}

.elementor-button:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* ---------- CARTOES / IMAGENS (sliders antes-depois, colecoes) ---------- */
.elementor-widget-wpr-before-after .elementor-widget-container {
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(20, 20, 20, 0.15);
  overflow: hidden;
}

.elementor-widget-image img {
  border-radius: 14px;
}

.wpr-ba-divider-icons {
  color: #389bf2;
}

/* ---------- LABELS "ANTES" / "DEPOIS" nos sliders ---------- */
.wpr-ba-label > div {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 14px;
  border-radius: 4px;
}

/* ---------- PLANOS DE PREÇO ---------- */
.elementor-element-3a170e7,
.elementor-element-be58951 {
  border: 1px solid #ddd !important;
  --border-radius: 12px;
}