.elementor-17 .elementor-element.elementor-element-41a1a3f6{padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3c3c3e0a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-3c3c3e0a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-3c3c3e0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0D0B26 0%, #060512 41%);}.elementor-17 .elementor-element.elementor-element-3c3c3e0a > .elementor-container{max-width:779px;}.elementor-17 .elementor-element.elementor-element-3c3c3e0a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 020px 0px;}.elementor-17 .elementor-element.elementor-element-3c3c3e0a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-46697e4c{text-align:center;}.elementor-17 .elementor-element.elementor-element-46697e4c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;text-transform:uppercase;line-height:65px;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-1713c376{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;text-align:center;}.elementor-17 .elementor-element.elementor-element-1713c376 .elementor-heading-title{font-size:19px;font-weight:300;line-height:26px;color:#C1C1C1;}.elementor-widget-wffn-optin-form .bwfac_form_sec > label, .elementor-widget-wffn-optin-form .bwfac_form_sec .wfop_input_cont > label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wffn-optin-form .bwfac_form_sec .wffn-optin-input, .elementor-widget-wffn-optin-form .bwfac_form_sec .wffn-optin-input::placeholder{color:var( --e-global-color-text );}.elementor-widget-wffn-optin-form .bwfac_form_sec .wffn-optin-input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wffn-optin-form .bwfac_form_sec #wffn_custom_optin_submit .bwf_heading{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wffn-optin-form .bwfac_form_sec #wffn_custom_optin_submit .bwf_subheading{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec > label, .elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec .wfop_input_cont > label{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec .wffn-optin-input, .elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec .wffn-optin-input::placeholder{color:#3F3F3F;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec .wffn-optin-input{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;background-color:#ffffff;border-style:solid;border-width:2px 2px 2px 2px;border-color:#d8d8d8;border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .wffn-custom-optin-from .wffn-optin-input{padding:12px 15px;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec{padding-right:calc( 13px/2 );padding-left:calc( 13px/2 );margin-bottom:25px;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .elementor-form-fields-wrapper{margin-left:calc( -13px/2 );margin-right:calc( -13px/2 );}body .elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec .wfop_input_cont{margin-top:0px;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec #wffn_custom_optin_submit{min-width:100%;background-color:#FBA506;padding:15px 15px 15px 15px;margin:11px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec #wffn_custom_optin_submit .bwf_heading, .elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec #wffn_custom_optin_submit .bwf_subheading{color:#ffffff !important;fill:#ffffff !important;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec #wffn_custom_optin_submit:hover{background-color:#E69500;}.elementor-17 .elementor-element.elementor-element-3041d1c7 .bwfac_form_sec #wffn_custom_optin_submit .bwf_heading{font-family:"Lato", Sans-serif;font-size:20px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-4220b211{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Lato", Sans-serif;font-size:17px;font-weight:400;color:#DAD4D4;}.elementor-17 .elementor-element.elementor-element-348ebd64{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-3c3c3e0a{padding:40px 20px 190px 20px;}.elementor-17 .elementor-element.elementor-element-46697e4c .elementor-heading-title{font-size:32px;line-height:48px;}.elementor-17 .elementor-element.elementor-element-1713c376{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-17 .elementor-element.elementor-element-1713c376 .elementor-heading-title{font-size:20px;line-height:30px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-3c3c3e0a{padding:10px 10px 165px 10px;}.elementor-17 .elementor-element.elementor-element-609e0020 > .elementor-element-populated{padding:10px 0px 10px 0px;}.elementor-17 .elementor-element.elementor-element-46697e4c{text-align:center;}.elementor-17 .elementor-element.elementor-element-46697e4c .elementor-heading-title{font-size:30px;line-height:45px;}.elementor-17 .elementor-element.elementor-element-1713c376{text-align:center;}.elementor-17 .elementor-element.elementor-element-1713c376 .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-17 .elementor-element.elementor-element-3041d1c7 > .elementor-widget-container{padding:0px 10px 0px 10px;}}/* Start custom CSS for heading, class: .elementor-element-46697e4c *//* ── Título con degradado de marca SimplyFunnel ── */
.sf-grad,
.sf-grad .elementor-heading-title,
.sf-grad h1, .sf-grad h2, .sf-grad h3,
.sf-grad h4, .sf-grad h5, .sf-grad h6 {
  background: linear-gradient(108deg, #818cf8 0%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for wffn-optin-form, class: .elementor-element-3041d1c7 *//* ══════════════════════════════════════════════════════════
   CSS FINAL v4 — Formulario Optin FunnelKit (WFFN) · SimplyFunnel

   CAMBIOS v4:
   · Anchos de campo "one half/third/etc" (wffn-sm-50, -33, -25...):
     solo cubríamos wffn-sm-100, así que Nombre/Email caían en columna
     por falta de ancho asignado. Ahora se cubre el set completo con
     calc(f% - gap*(1-f)) para que N campos + gaps sumen 100% exacto.

   CAMBIOS v3:
   · Descripciones ::after con especificidad reforzada (clase
     triplicada) + !important en todo: en v2 los íconos ::before
     aparecían pero el ::after lo pisaba una regla del plugin
     con mayor especificidad.

   Pegar completo en: Elementor > ☰ > Custom CSS (global), o en
   Avanzado > CSS personalizado del widget que contiene el form.
   ══════════════════════════════════════════════════════════ */

/* Habilita la rotación animada del anillo (Chrome/Edge/Safari 16.4+).
   Donde no exista @property, el anillo queda estático — no se rompe. */
@property --sol-rot {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes solConic { to { --sol-rot: 360deg; } }

/* ══ 1. ENVOLTORIO — background del módulo "Nuestra garantía" ══ */

.wffn-optin-form {
  --sol-rot: 0deg;                 /* fallback estático */
  --wf-text:         #f0f0f8;
  --wf-muted:        rgba(240, 240, 248, .5);
  --wf-field:        rgba(255, 255, 255, .045);
  --wf-border:       rgba(255, 255, 255, .12);
  --wf-border-focus: #818cf8;
  --wf-placeholder:  rgba(240, 240, 248, .32);
  --wf-button:       linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #f59e0b 100%);
  --wf-radius:       13px;

  position: relative !important;
  border: 1.5px solid transparent !important;
  border-radius: 27.5px !important;
  /* capa 1: panel oscuro (hasta el padding) ·
     capa 2: cónico (hasta el borde) → solo asoma en el borde de 1.5px */
  background:
    linear-gradient(165deg, #12102A 0%, #0C0B1D 100%) padding-box,
    conic-gradient(
      from var(--sol-rot),
      rgba(99, 102, 241, .9)  0%,
      rgba(167, 139, 250, .55) 30%,
      rgba(245, 158, 11, .85)  55%,
      rgba(129, 140, 248, .55) 80%,
      rgba(99, 102, 241, .9)  100%
    ) border-box !important;
  animation: solConic 8s linear infinite;
  padding: 44px 40px !important;
  overflow: visible !important;
  font-family: 'Inter', system-ui, sans-serif;
}

.wffn-optin-form,
.wffn-optin-form * {
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .wffn-optin-form {
    padding: 34px 22px !important;
  }
}

/* ══ 2. ESTRUCTURA del form ══ */

.wffn-optin-form .wffn-custom-optin-from,
.wffn-optin-form .elementor-form-fields-wrapper {
  position: relative;
  z-index: 1;
}

.wffn-optin-form .wfop_section.single_step,
.wffn-optin-form .wfop_section {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

/* Cada campo (wrapper).
   FunnelKit asigna el ancho por clase (wffn-sm-100 = 100%, wffn-sm-50 =
   mitad, etc. — el mismo set clásico de "Field Width" de Elementor Pro:
   100/80/75/66/60/50/40/33/25/20). Antes solo cubríamos wffn-sm-100 →
   los campos "one half" (Nombre / Email) no tenían ancho asignado y
   el plugin los dejaba a ancho completo, cayendo en columna en vez
   de alinearse en la misma fila.
   calc(f% - gap*(1-f)) resta la porción de gap que le toca a cada
   campo para que N campos + sus gaps sumen exactamente 100%. */
.wffn-optin-form .bwfac_form_sec {
  margin-bottom: 0 !important;
}
.wffn-optin-form .bwfac_form_sec.wffn-sm-100 { width: 100% !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-80  { width: calc(80% - 3.6px)     !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-75  { width: calc(75% - 4.5px)    !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-66  { width: calc(66.666% - 6px)  !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-60  { width: calc(60% - 7.2px)    !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-50  { width: calc(50% - 9px)      !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-40  { width: calc(40% - 10.8px)   !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-33  { width: calc(33.333% - 12px) !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-25  { width: calc(25% - 13.5px)   !important; }
.wffn-optin-form .bwfac_form_sec.wffn-sm-20  { width: calc(20% - 14.4px)   !important; }

/* En móvil, todos los campos vuelven a ocupar la fila completa
   (mismo breakpoint que el resto del formulario) */
@media (max-width: 640px) {
  .wffn-optin-form .bwfac_form_sec {
    width: 100% !important;
  }
}

/* Etiqueta del campo */
.wffn-optin-form .bwfac_form_sec > label,
.wffn-optin-form .bwfac_form_sec .wfop_label,
.wffn-optin-form .elementor-field-label {
  display: block;
  color: var(--wf-text) !important;
  opacity: 1 !important;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .3px;
  margin-bottom: 10px !important;
}

/* Asterisco de campo obligatorio */
.wffn-optin-form .wfop_required {
  color: #a78bfa;
}

/* ══ 3. INPUTS — first_name / email / phone ══ */

.wffn-optin-form .wfop_input_cont {
  position: relative;
}

.wffn-optin-form .wffn-optin-input,
.wffn-optin-form input[type="text"],
.wffn-optin-form input[type="email"],
.wffn-optin-form input[type="tel"],
.wffn-optin-form input[type="number"],
.wffn-optin-form input[type="url"],
.wffn-optin-form textarea,
.wffn-optin-form select {
  width: 100% !important;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  color: var(--wf-text) !important;
  background: var(--wf-field) !important;
  border: 1.5px solid var(--wf-border) !important;
  border-radius: var(--wf-radius) !important;
  padding: 14px 16px !important;
  min-height: 50px;
  box-shadow: none !important;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.wffn-optin-form ::placeholder {
  color: var(--wf-placeholder) !important;
}

.wffn-optin-form .wffn-optin-input:hover,
.wffn-optin-form input:hover,
.wffn-optin-form textarea:hover,
.wffn-optin-form select:hover {
  border-color: rgba(255, 255, 255, .22) !important;
}

.wffn-optin-form .wffn-optin-input:focus,
.wffn-optin-form input:focus,
.wffn-optin-form textarea:focus,
.wffn-optin-form select:focus {
  outline: none !important;
  border-color: var(--wf-border-focus) !important;
  background: rgba(99, 102, 241, .07) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .2), 0 0 20px rgba(99, 102, 241, .14) !important;
}

/* Teléfono con .elementor-17 .elementor-element.elementor-element-3041d1c7 de bandera/prefijo (intl-tel-input), si aplica */
.wffn-optin-form .iti,
.wffn-optin-form .iti input,
.wffn-optin-form .iti__selected-flag,
.wffn-optin-form .iti__flag-container {
  background: var(--wf-field) !important;
  color: var(--wf-text) !important;
  border-color: var(--wf-border) !important;
}

/* ══ 4. RADIO — tarjetas con ícono + título + descripción ══ */

/* Grid de 3 columnas en el field wrapper */
.wffn-optin-form .bwfac_form_field_radio,
.wffn-optin-form .elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  list-style: none !important;
}
@media (max-width: 640px) {
  .wffn-optin-form .bwfac_form_field_radio,
  .wffn-optin-form .elementor-field-subgroup {
    grid-template-columns: 1fr !important;
  }
}

/* Los contenedores intermedios se vuelven transparentes para el layout
   (display:contents): las tarjetas caen directo al grid de 3 columnas */
.wffn-optin-form .bwfac_form_field_radio > div,
.wffn-optin-form .bwfac_form_field_radio ul,
.wffn-optin-form .bwfac_form_field_radio ol,
.wffn-optin-form .bwfac_form_field_radio li,
.wffn-optin-form .bwfac_form_field_radio .wfop_input_cont,
.wffn-optin-form .bwfac_form_field_radio span:has(> input[type="radio"]) {
  display: contents !important;
}

/* El título de la pregunta y los mensajes de error ocupan la fila completa */
.wffn-optin-form .bwfac_form_field_radio > label:first-child,
.wffn-optin-form .bwfac_form_field_radio > .wfop_label,
.wffn-optin-form .bwfac_form_field_radio .wfop_error {
  grid-column: 1 / -1;
}

/* Oculta el radio nativo (sigue marcándose y enviándose) */
.wffn-optin-form input[type="radio"],
.wffn-optin-form .bwfac_form_field_radio input[type="radio"],
.wffn-optin-form label input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Mata marcadores del plugin: spans/i vacíos dentro del label */
.wffn-optin-form .bwfac_form_field_radio label span:empty,
.wffn-optin-form .bwfac_form_field_radio label i:empty {
  display: none !important;
}

/* La tarjeta = el label. Ícono arriba, título, descripción abajo. */
.wffn-optin-form input[type="radio"] + label,
.wffn-optin-form label:has(> input[type="radio"]),
.wffn-optin-form label:has(input[type="radio"]) {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  min-height: 118px;
  height: 100%;
  cursor: pointer;
  margin: 0 !important;
  padding: 18px 16px !important;
  border-radius: 16px !important;
  border: 1.5px solid var(--wf-border) !important;
  background: rgba(255, 255, 255, .04) !important;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(240, 240, 248, .85) !important;
  line-height: 1.45;
  text-align: left;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .2s ease;
}

/* ── Ícono (::before). Genérico: destello de 4 puntas.
   Overrides por SUBSTRING del value, case-insensitive — matchea
   "quiero-crecer", "Quiero crecer", "QUIERO CRECER", etc. ── */
.wffn-optin-form input[type="radio"] + label::before,
.wffn-optin-form label:has(input[type="radio"])::before {
  content: "" !important;
  display: block !important;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: static !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  background: transparent no-repeat center / contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l1.8 8.2L22 12l-8.2 1.8L12 22l-1.8-8.2L2 12l8.2-1.8L12 2z'/%3E%3C/svg%3E") !important;
}

/* Opción "aún no comienzo" → brote */
.wffn-optin-form input[type="radio"][value*="comien" i] + label::before,
.wffn-optin-form label:has(input[type="radio"][value*="comien" i])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20h10'/%3E%3Cpath d='M10 20c5.5-2.5.8-6.4 3-10'/%3E%3Cpath d='M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z'/%3E%3Cpath d='M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z'/%3E%3C/svg%3E") !important;
}

/* Opción "ya estoy vendiendo" → tendencia al alza */
.wffn-optin-form input[type="radio"][value*="vend" i] + label::before,
.wffn-optin-form label:has(input[type="radio"][value*="vend" i])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E") !important;
}

/* Opción "quiero crecer" → cohete (Heroicons rocket-launch) */
.wffn-optin-form input[type="radio"][value*="crec" i] + label::before,
.wffn-optin-form label:has(input[type="radio"][value*="crec" i])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.63 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'/%3E%3C/svg%3E") !important;
}

/* ── Descripción breve bajo cada opción (::after, texto fino gris).
   Clase triplicada = especificidad reforzada para ganarle al
   ::after propio del plugin. ── */
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"][value*="comien" i] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"][value*="comien" i])::after {
  content: "Tengo la idea, pero nada armado" !important;
}
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"][value*="vend" i] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"][value*="vend" i])::after {
  content: "Vendo, pero sin un sistema claro" !important;
}
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"][value*="crec" i] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"][value*="crec" i])::after {
  content: "Quiero escalar lo que ya funciona" !important;
}
/* estilo compartido de la descripción — todo !important para que
   ninguna regla del plugin lo desplace ni lo esconda */
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"])::after {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  white-space: normal !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: -2px 0 0 !important;
  background: none !important;
  transform: none !important;
  box-shadow: none !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  color: rgba(240, 240, 248, .45) !important;
}

.wffn-optin-form input[type="radio"] + label:hover,
.wffn-optin-form label:has(input[type="radio"]):hover {
  border-color: rgba(129, 140, 248, .4) !important;
  background: rgba(99, 102, 241, .06) !important;
  transform: translateY(-2px);
}

/* ─── SELECCIONADO: la tarjeta se ilumina (sin punto de radio) ─── */
.wffn-optin-form input[type="radio"]:checked + label,
.wffn-optin-form label:has(input[type="radio"]:checked) {
  border-color: #a78bfa !important;
  background: linear-gradient(135deg, rgba(99, 102, 241, .22), rgba(245, 158, 11, .1)) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(167, 139, 250, .35), 0 0 26px rgba(139, 92, 246, .32) !important;
}

/* Foco visible con teclado (accesibilidad) */
.wffn-optin-form input[type="radio"]:focus-visible + label,
.wffn-optin-form label:has(input[type="radio"]:focus-visible) {
  outline: 2px solid #818cf8;
  outline-offset: 2px;
}

/* ══ 5. BOTÓN DE ENVÍO ══ */

.wffn-optin-form .bwfac_form_field_submit [type="submit"],
.wffn-optin-form [type="submit"],
.wffn-optin-form button,
.wffn-optin-form .elementor-button {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  min-height: 54px;
  padding: 18px 32px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--wf-button) !important;
  font-family: 'Inter', sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: .1px;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(139, 92, 246, .25), 0 0 26px rgba(139, 92, 246, .32), 0 10px 28px rgba(0, 0, 0, .4) !important;
  transition: transform .3s ease, box-shadow .4s ease, filter .25s ease;
}

.wffn-optin-form [type="submit"]:hover,
.wffn-optin-form button:hover,
.wffn-optin-form .elementor-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 0 0 1px rgba(139, 92, 246, .4), 0 0 40px rgba(139, 92, 246, .48), 0 14px 34px rgba(0, 0, 0, .45) !important;
}

.wffn-optin-form [type="submit"]:focus-visible,
.wffn-optin-form button:focus-visible {
  outline: 2px solid #818cf8;
  outline-offset: 3px;
}

/* ══ 6. MENSAJES de error / éxito ══ */

.wffn-optin-form .wfop_error,
.wffn-optin-form .wfop-error-msg,
.wffn-optin-form .elementor-message-danger,
.wffn-optin-form .error {
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  color: #fda4af;
  margin-top: 6px;
}

.wffn-optin-form .elementor-message-success {
  background: rgba(74, 222, 128, .1) !important;
  color: #86efac !important;
  border: 1px solid rgba(74, 222, 128, .3) !important;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 13.5px;
  margin-top: 14px;
}/* End custom CSS */