.elementor-4191 .elementor-element.elementor-element-3bba6ce7{--display:flex;border-style:none;--border-style:none;}.elementor-4191 .elementor-element.elementor-element-3bba6ce7:not(.elementor-motion-effects-element-type-background), .elementor-4191 .elementor-element.elementor-element-3bba6ce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#142232;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4191 .elementor-element.elementor-element-14214e23 > .elementor-widget-container{margin:24px 24px 24px 24px;}.elementor-4191 .elementor-element.elementor-element-14214e23.elementor-element{--align-self:center;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button span{gap:19px;justify-content:center;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:16px;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-16px;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-labels-inline .elementor-field-group > label{padding-left:20px;}body:not(.rtl) .elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-labels-inline .elementor-field-group > label{padding-right:20px;}body .elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-labels-above .elementor-field-group > label{padding-bottom:20px;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group > label, .elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-subgroup label{color:#D3D6E0;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-mark-required .elementor-field-label:after{color:#D8CECE;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-type-html{padding-bottom:0px;color:#7A7A7A;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group .elementor-field{color:#7A7A7A;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group .elementor-field, .elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#D3D4D5;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-field-group .elementor-select-wrapper select{background-color:#D3D4D5;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-4191 .elementor-element.elementor-element-14214e23 .e-form__buttons__wrapper__button-next{background-color:#7F9FA4;color:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button[type="submit"]{background-color:#7F9FA4;color:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .e-form__buttons__wrapper__button-previous{background-color:#36575C;color:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .e-form__buttons__wrapper__button-next:hover{background-color:#1C3843;color:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button[type="submit"]:hover{background-color:#1C3843;color:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-message.elementor-message-success{color:#56C5C1;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-message.elementor-message-danger{color:#A34545;}.elementor-4191 .elementor-element.elementor-element-14214e23 .elementor-message.elementor-help-inline{color:#C04C4C;}.elementor-4191 .elementor-element.elementor-element-14214e23{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for form, class: .elementor-element-14214e23 *//* ====== CCEC | Formulario Elementor — Estilo completo ====== */
:root{
  --ccec-blue-2:#12203a;      /* azul oscuro */
  --ccec-gold:#FFDB6E;
  --ccec-gold-dark:#FFC83A;
}

/* Contenedor (opcional: centrar y limitar ancho) */
.ccec-form.elementor-form{
  max-width: 720px;
  margin: 0 auto;
}

/* Etiquetas */
.ccec-form .elementor-field-label{
  color: #d9e6fb;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Campos: padding extra para no chocar con imágenes/iconos */
.ccec-form .elementor-field-group .elementor-field,
.ccec-form .elementor-field-group .elementor-select-wrapper select{
  background: #e5e9ef;                 /* gris claro legible en tu fondo */
  color: #0f2039;                       /* texto campo */
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  padding: 12px 20px !important;        /* 4–5 “espacios” a cada lado */
  line-height: 1.4;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

/* Placeholder en azul oscuro */
.ccec-form .elementor-field::placeholder,
.ccec-form .elementor-select-wrapper select::placeholder,
.ccec-form textarea.elementor-field::placeholder{
  color: var(--ccec-blue-2) !important;
  opacity: 0.95;
}

/* Focus dorado suave */
.ccec-form .elementor-field:focus,
.ccec-form .elementor-select-wrapper select:focus{
  outline: none;
  border-color: var(--ccec-gold-dark);
  box-shadow: 0 0 0 3px rgba(255,216,106,.25);
  background: #f0f2f6;
}

/* Textarea un poco más alto */
.ccec-form textarea.elementor-field{
  min-height: 140px;
  resize: vertical;
}

/* Espaciado entre campos */
.ccec-form .elementor-field-group{
  margin-bottom: 14px;
}

/* WhatsApp: más padding a la izquierda para no chocar con bandera + lada
   Pon a este campo la clase CSS "whatsapp" en Elementor, o se detecta por nombre si incluye "whatsapp" */
.ccec-form .elementor-field-group[data-field-shortcode*="whatsapp"] .elementor-field,
.ccec-form .elementor-field-group.whatsapp .elementor-field{
  padding-left: 36px !important; /* sube a 40px si aún se toca */
}
.ccec-form .elementor-field-group[data-field-shortcode*="whatsapp"] .elementor-field::placeholder,
.ccec-form .elementor-field-group.whatsapp .elementor-field::placeholder{
  color: var(--ccec-blue-2) !important;
  opacity: 0.95;
}

/* Links dentro del formulario: dorado al hover */
.ccec-form a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s ease;
}
.ccec-form a:hover{
  color: var(--ccec-gold-dark);
}

/* ====== Botón — estilo Metodología, respe- ta tu tamaño, texto e ícono azul, borde blanco ====== */
.ccec-form .elementor-button{
  /* Respetar tamaño que definas en Elementor: no forzamos width/height */
  border-radius: inherit;               /* o cámbialo a 12px si quieres fijo */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;

  /* Estilo base */
  border: 2px solid #ffffff;            /* borde blanco solicitado */
  color: #12203a !important;            /* texto azul oscuro SIEMPRE */
  background: linear-gradient(145deg, #f2f2f2, #c0c0c0) !important;
  transition: background .25s ease, color .25s ease, transform .12s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 6px 14px rgba(8,25,46,.12), inset 0 2px 6px rgba(255,255,255,.12);
}

/* Ícono dentro del botón: azul oscuro (para i, svg y paths) */
.ccec-form .elementor-button .elementor-button-icon,
.ccec-form .elementor-button .elementor-button-icon i,
.ccec-form .elementor-button .elementor-button-icon svg,
.ccec-form .elementor-button .elementor-button-icon svg path,
.ccec-form .elementor-button .e-font-icon-svg,
.ccec-form .elementor-button .e-font-icon-svg path{
  color: #12203a !important;
  fill: #12203a !important;
  stroke: #12203a !important;
}

/* Si el ícono es imagen, aplicar filtro aproximado a azul oscuro */
.ccec-form .elementor-button img{
  filter: brightness(0) saturate(100%) invert(12%) sepia(10%) saturate(1779%) hue-rotate(176deg) brightness(94%) contrast(89%);
}

/* Hover: dorado, pero texto e ícono siguen AZUL oscuro; borde blanco */
.ccec-form .elementor-button:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, #FFD55A, #C78612) !important;
  color: #12203a !important;
  border-color: #ffffff;
  box-shadow: 0 12px 26px rgba(199,139,24,0.18), 0 0 22px rgba(255,213,90,0.12), inset 0 3px 8px rgba(255,255,255,0.10);
}
.ccec-form .elementor-button:hover .elementor-button-icon,
.ccec-form .elementor-button:hover .elementor-button-icon i,
.ccec-form .elementor-button:hover .elementor-button-icon svg,
.ccec-form .elementor-button:hover .elementor-button-icon svg path,
.ccec-form .elementor-button:hover .e-font-icon-svg,
.ccec-form .elementor-button:hover .e-font-icon-svg path{
  color: #12203a !important;
  fill: #12203a !important;
  stroke: #12203a !important;
}

/* Active e “is-active” */
.ccec-form .elementor-button:active{
  transform: translateY(0);
  box-shadow: 0 6px 12px rgba(8,25,46,.16);
}
.ccec-form .elementor-button.is-active{
  background: linear-gradient(135deg, #FFD55A, #C78612) !important;
  color: #12203a !important;
  box-shadow: 0 10px 26px rgba(199,139,24,0.12), 0 0 20px rgba(255,213,90,0.08), inset 0 3px 8px rgba(255,255,255,0.08);
}

/* Alineación del submit centrado sin cambiar su tamaño (opcional) */
.ccec-form .elementor-field-type-submit{
  text-align: center;
}

/* Accesibilidad: foco visible */
.ccec-form .elementor-field:focus,
.ccec-form .elementor-select-wrapper select:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,216,106,.25);
  border-color: var(--ccec-gold-dark);
}
/* ====== CCEC | Invertir estilos del botón: normal dorado, hover plateado ====== */

/* Estado NORMAL: dorado */
.ccec-form .elementor-button{
  /* no cambiamos dimensiones ni radio: se respetan los del panel */
  border: 2px solid #ffffff;
  color: #12203a !important; /* texto azul oscuro */
  background: linear-gradient(135deg, #FFD55A, #C78612) !important; /* dorado base */
  box-shadow: 0 6px 14px rgba(8,25,46,.12), inset 0 2px 6px rgba(255,255,255,.12);
  transition: background .25s ease, color .25s ease, transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Ícono del botón siempre azul oscuro */
.ccec-form .elementor-button .elementor-button-icon,
.ccec-form .elementor-button .elementor-button-icon i,
.ccec-form .elementor-button .elementor-button-icon svg,
.ccec-form .elementor-button .elementor-button-icon svg path,
.ccec-form .elementor-button .e-font-icon-svg,
.ccec-form .elementor-button .e-font-icon-svg path{
  color: #12203a !important;
  fill: #12203a !important;
  stroke: #12203a !important;
}

/* Estado HOVER: plateado */
.ccec-form .elementor-button:hover{
  transform: translateY(-2px);
  background: linear-gradient(145deg, #f2f2f2, #c0c0c0) !important; /* plateado */
  color: #12203a !important;  /* sigue azul oscuro */
  border-color: #ffffff;
  box-shadow: 0 12px 26px rgba(8,25,46,.18), inset 0 3px 8px rgba(255,255,255,.10);
}
.ccec-form .elementor-button:hover .elementor-button-icon,
.ccec-form .elementor-button:hover .elementor-button-icon i,
.ccec-form .elementor-button:hover .elementor-button-icon svg,
.ccec-form .elementor-button:hover .elementor-button-icon svg path,
.ccec-form .elementor-button:hover .e-font-icon-svg,
.ccec-form .elementor-button:hover .e-font-icon-svg path{
  color: #12203a !important;
  fill: #12203a !important;
  stroke: #12203a !important;
}

/* Active e “is-active”: mantén dorado (como “presionado/activo”) */
.ccec-form .elementor-button:active,
.ccec-form .elementor-button.is-active{
  background: linear-gradient(135deg, #FFD55A, #C78612) !important;
  color: #12203a !important;
  box-shadow: 0 10px 26px rgba(199,139,24,0.12), 0 0 20px rgba(255,213,90,0.08), inset 0 3px 8px rgba(255,255,255,0.08);
}

/* ====== CCEC | Teléfonos con plugin de banderas/ladas: forzar texto y números en azul oscuro ====== */
/* Ajusta los .elementor-4191 .elementor-element.elementor-element-14214e23es según el plugin; cubro casos comunes (intl-tel-input, nice-select, inputs con bandera) */

/* Campo tipo teléfono – input y placeholder en azul oscuro */
.ccec-form input[type="tel"],
.ccec-form input[type="tel"]::placeholder{
  color: #12203a !important;
  opacity: 0.95;
}

/* intl-tel-input (plugin popular) */
.ccec-form .intl-tel-input,
.ccec-form .intl-tel-input .selected-flag,
.ccec-form .intl-tel-input .selected-flag .iti-flag{
  /* no tocamos tamaños, solo color del texto asociado */
}
.ccec-form .intl-tel-input input{
  color: #12203a !important;
}
.ccec-form .intl-tel-input input::placeholder{
  color: #12203a !important;
  opacity: 0.95;
}
.ccec-form .iti__country-list{
  /* lista desplegable de países: texto azul oscuro */
  color: #12203a !important;
}
.ccec-form .iti__country-list .iti__country{
  color: #12203a !important;
}

/* Si el .elementor-4191 .elementor-element.elementor-element-14214e23 de país usa un <select> estilizado (nice-select/select2) dentro del campo */
.ccec-form .elementor-field-group select,
.ccec-form .elementor-field-group .nice-select,
.ccec-form .elementor-field-group .nice-select .list .option,
.ccec-form .elementor-field-group .select2-selection__rendered,
.ccec-form .elementor-field-group .select2-results__option{
  color: #12203a !important;
}

/* Nuestro campo WhatsApp con clase “whatsapp”: más padding a la izquierda para bandera + lada */
.ccec-form .elementor-field-group.whatsapp .elementor-field{
  padding-left: 40px !important; /* sube o baja si la banderita es más angosta/ancha */
}
.ccec-form .elementor-field-group.whatsapp .elementor-field::placeholder{
  color: #12203a !important;
  opacity: 0.95;
}/* End custom CSS */