.elementor-459 .elementor-element.elementor-element-7ca013df{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-f34a883 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-20c0ba8{--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;--overlay-opacity:1;}.elementor-459 .elementor-element.elementor-element-20c0ba8::before, .elementor-459 .elementor-element.elementor-element-20c0ba8 > .elementor-background-video-container::before, .elementor-459 .elementor-element.elementor-element-20c0ba8 > .e-con-inner > .elementor-background-video-container::before, .elementor-459 .elementor-element.elementor-element-20c0ba8 > .elementor-background-slideshow::before, .elementor-459 .elementor-element.elementor-element-20c0ba8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-459 .elementor-element.elementor-element-20c0ba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#010720;--background-overlay:'';}.elementor-459 .elementor-element.elementor-element-459ff46{--display:flex;--margin-top:-385px;--margin-bottom:31px;--margin-left:0px;--margin-right:0px;}.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-459 .elementor-element.elementor-element-c5ad0cc > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:31px 31px 31px 31px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.31);}.elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec .wffn-optin-input, .elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec .wffn-optin-input::placeholder{color:#3F3F3F;}.elementor-459 .elementor-element.elementor-element-c5ad0cc .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-459 .elementor-element.elementor-element-c5ad0cc .wffn-custom-optin-from .wffn-optin-input{padding:12px 15px;}.elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-459 .elementor-element.elementor-element-c5ad0cc .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );}body .elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec .wfop_input_cont{margin-top:0px;}.elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec #wffn_custom_optin_submit{min-width:100%;background-color:#FBA506;padding:15px 15px 15px 15px;margin:15px 0px 25px 0px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E69500;border-radius:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec #wffn_custom_optin_submit .bwf_heading, .elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec #wffn_custom_optin_submit .bwf_subheading{color:#ffffff !important;fill:#ffffff !important;}.elementor-459 .elementor-element.elementor-element-c5ad0cc .bwfac_form_sec #wffn_custom_optin_submit:hover{background-color:#E69500;}.elementor-459 .elementor-element.elementor-element-55ca4bcd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-12b907b7 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-459 .elementor-element.elementor-element-20c0ba8{--content-width:770px;}}/* Start custom CSS for wffn-optin-form, class: .elementor-element-c5ad0cc *//* ══════════════════════════════════════════════════════════
   Formulario Optin FunnelKit (WFFN) — Taller Estilo Consciente
   Skin completo por CSS puro, sin tocar el HTML del plugin.
   Adaptado de una plantilla anterior (tema oscuro) a la
   identidad clara de Fuerza Mujer: fondo perla, acentos rosa
   empoderado / violeta inspiración, botón en degradado
   azul profundo → rosa.

   CÓMO AJUSTAR SI ALGO NO CALZA:
   1. Los 3 matchers de radio (sección 4) están sobre los value=""
      más probables para las opciones Personal / Profesional / Ambas
      ("personal", "profesional", "ambas").
      Si las tarjetas no toman el estilo de seleccionada al
      hacer clic, hay que mirar el value real de cada <input
      type="radio"> en el HTML publicado y ajustar el substring
      dentro de [value*="..." i] acá abajo.
   2. Colores: todo sale de los tokens del bloque 0. Cambiar ahí,
      no repetido en cada regla.
   3. Pegar completo en Elementor → ☰ → Custom CSS (de la página
      o del kit, según donde viva el widget del formulario).

   Clases FunnelKit (estables entre sitios):
   .wffn-optin-form .wffn-custom-optin-from .wfop_section.single_step
   .bwfac_form_sec .bwfac_form_field_radio .wfop_input_cont
   .wffn-optin-input .wfop_label .wfop_required .wfop_error
   ══════════════════════════════════════════════════════════ */

/* ══ 0. TOKENS DEL DISEÑO — Fuerza Mujer ══ */
.wffn-optin-form {
  --wf-azul:        #0E1B34;  /* Azul Profundo */
  --wf-rosa:        #D46A8C;  /* Rosa Empoderado */
  --wf-violeta:     #7B4D89;  /* Violeta Inspiración */
  --wf-oro:         #D4AF37;  /* Dorado Luz */
  --wf-perla:       #F5F6F8;  /* Gris Perla */
  --wf-piedra:      #B1B5BD;  /* Gris Piedra */

  --wf-text:        var(--wf-azul);
  --wf-muted:       rgba(14, 27, 52, .5);
  --wf-field:       #FAFAFC;
  --wf-field-hover: #F5F4F9;
  --wf-border:      rgba(14, 27, 52, .12);
  --wf-border-focus: var(--wf-violeta);
  --wf-placeholder: rgba(14, 27, 52, .35);
  --wf-accent:      var(--wf-violeta);
  --wf-icon:        var(--wf-rosa);
  --wf-checked-bg:  linear-gradient(135deg, rgba(123,77,137,.08), rgba(212,106,140,.06));
  --wf-glow:        rgba(123, 77, 137, .22);
  --wf-button:      linear-gradient(100deg, var(--wf-azul) 0%, #4A3866 45%, var(--wf-rosa) 100%);
  --wf-radius:      13px;

  position: relative !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: 'Inter', system-ui, sans-serif;
}

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

/* ══ 1. 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: 26px 24px;
}

.wffn-optin-form .bwfac_form_sec {
  margin-bottom: 0 !important;
  flex: 1 1 260px;
}
.wffn-optin-form .bwfac_form_sec.wffn-sm-100 {
  width: 100% !important;
  flex-basis: 100%;
}

/* 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: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
  margin-bottom: 10px !important;
}
.wffn-optin-form .wfop_label .wf-optional,
.wffn-optin-form .bwfac_form_sec > label .wf-optional {
  font-weight: 400;
  color: var(--wf-muted);
}

.wffn-optin-form .wfop_required {
  color: var(--wf-oro);
}

/* ══ 2. INPUTS — nombre / comuna / whatsapp / correo ══ */

.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: 15px;
  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: 15px 17px !important;
  min-height: 52px;
  box-shadow: none !important;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.wffn-optin-form textarea {
  min-height: 130px;
  resize: vertical;
}

.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(14, 27, 52, .22) !important;
  background: var(--wf-field-hover) !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: #fff !important;
  box-shadow: 0 0 0 3px rgba(123, 77, 137, .14) !important;
}

/* Teléfono con .elementor-459 .elementor-element.elementor-element-c5ad0cc 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;
}

/* ══ 3. RADIO — "¿Dónde sientes que más te aportará este taller?" ══
   3 tarjetas: Personal / Profesional / Ambas                    */

.wffn-optin-form .bwfac_form_field_radio,
.wffn-optin-form .elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !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 */
.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;
}

.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;
}

.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: 9px;
  min-height: 118px;
  height: 100%;
  cursor: pointer;
  margin: 0 !important;
  padding: 20px 18px !important;
  border-radius: 16px !important;
  border: 1.5px solid var(--wf-border) !important;
  background: var(--wf-field) !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--wf-text) !important;
  line-height: 1.4;
  text-align: left;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .2s ease;
}

/* ── Ícono (::before). Genérico y por opción — mismo color rosa. ── */
.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;
  /* genérico: destello — se ve solo si ningún matcher de abajo aplica */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D46A8C' 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 "Personal" → corazón.
   AJUSTAR si el value real no contiene "personal" (ver nota al inicio). */
.wffn-optin-form input[type="radio"][value*="personal" i] + label::before,
.wffn-optin-form label:has(input[type="radio"][value*="personal" 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='%23D46A8C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.4-9.2-9C1.3 8 2.7 4.5 6 4.5c2 0 3.2 1.2 4 2.5.8-1.3 2-2.5 4-2.5 3.3 0 4.7 3.5 3.2 6.5C19 15.6 12 20 12 20Z'/%3E%3C/svg%3E") !important;
}

/* Opción "En lo profesional" → cohete.
   AJUSTAR si el value real no contiene "profesional". */
.wffn-optin-form input[type="radio"][value*="profesional" i] + label::before,
.wffn-optin-form label:has(input[type="radio"][value*="profesional" 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='%23D46A8C' 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.84M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'/%3E%3C/svg%3E") !important;
}

/* Opción "Ambas" → destello doble.
   AJUSTAR si el value real no contiene "ambas". */
.wffn-optin-form input[type="radio"][value*="ambas" i] + label::before,
.wffn-optin-form label:has(input[type="radio"][value*="ambas" 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='%237B4D89' 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;
}

/* ── Descripción breve bajo cada opción (::after).
   Clase triplicada = especificidad reforzada para ganarle al
   ::after propio del plugin. Textos tal como van en el diseño. ── */
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"][value*="personal" i] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"][value*="personal" i])::after {
  content: "Confianza, autoestima, bienestar" !important;
}
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"][value*="profesional" i] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"][value*="profesional" i])::after {
  content: "Trabajo o emprendimiento" !important;
}
.wffn-optin-form.wffn-optin-form.wffn-optin-form input[type="radio"][value*="ambas" i] + label::after,
.wffn-optin-form.wffn-optin-form.wffn-optin-form label:has(input[type="radio"][value*="ambas" i])::after {
  content: "Quiero avanzar en todo" !important;
}
/* estilo compartido de la descripción */
.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: -3px 0 0 !important;
  background: none !important;
  transform: none !important;
  box-shadow: none !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  color: var(--wf-muted) !important;
}

.wffn-optin-form input[type="radio"] + label:hover,
.wffn-optin-form label:has(input[type="radio"]):hover {
  border-color: rgba(123, 77, 137, .35) !important;
  background: #fff !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: var(--wf-accent) !important;
  background: var(--wf-checked-bg) !important;
  box-shadow: 0 0 0 1px rgba(123, 77, 137, .2), 0 10px 26px -12px var(--wf-glow) !important;
}

.wffn-optin-form input[type="radio"]:focus-visible + label,
.wffn-optin-form label:has(input[type="radio"]:focus-visible) {
  outline: 2px solid var(--wf-border-focus);
  outline-offset: 2px;
}

/* ══ 4. 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: 58px;
  padding: 19px 32px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--wf-button) !important;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.005em;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 14px 32px -14px rgba(123, 77, 137, .55) !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 20px 42px -16px rgba(123, 77, 137, .65) !important;
}

.wffn-optin-form [type="submit"]:focus-visible,
.wffn-optin-form button:focus-visible {
  outline: 2px solid var(--wf-border-focus);
  outline-offset: 3px;
}

/* Nota bajo el botón — "Sin compromiso...". Si Alejandro ya la
   agregó como texto real (widget aparte, no CSS), borrar este
   bloque para no duplicarla. */
.wffn-optin-form .bwfac_form_field_submit {
  position: relative;
}
.wffn-optin-form.wffn-optin-form.wffn-optin-form .bwfac_form_field_submit::after {
  content: "Sin compromiso — tus datos están seguros con nosotras";
  display: block;
  margin-top: 12px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: var(--wf-muted);
}

/* ══ 5. 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: #C0334A;
  margin-top: 6px;
}

.wffn-optin-form .elementor-message-success {
  background: rgba(123, 77, 137, .08) !important;
  color: var(--wf-azul) !important;
  border: 1px solid rgba(123, 77, 137, .25) !important;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 13.5px;
  margin-top: 14px;
}/* End custom CSS */