.elementor-5564 .elementor-element.elementor-element-7475a93{--display:flex;--min-height:529px;--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;--background-transition:0.3s;--overlay-opacity:1;--overlay-mix-blend-mode:darken;}.elementor-5564 .elementor-element.elementor-element-7475a93:not(.elementor-motion-effects-element-type-background), .elementor-5564 .elementor-element.elementor-element-7475a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.igniter.mx/wp-content/uploads/2025/07/IMAGENES-PAGINA-WEB-IGNITER-3.png");background-repeat:no-repeat;background-size:cover;}.elementor-5564 .elementor-element.elementor-element-7475a93::before, .elementor-5564 .elementor-element.elementor-element-7475a93 > .elementor-background-video-container::before, .elementor-5564 .elementor-element.elementor-element-7475a93 > .e-con-inner > .elementor-background-video-container::before, .elementor-5564 .elementor-element.elementor-element-7475a93 > .elementor-background-slideshow::before, .elementor-5564 .elementor-element.elementor-element-7475a93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5564 .elementor-element.elementor-element-7475a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000C7 63%, #000000 100%);}.elementor-5564 .elementor-element.elementor-element-b463a40{--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;}.elementor-5564 .elementor-element.elementor-element-96b2cd5{--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;}.elementor-5564 .elementor-element.elementor-element-3382ffc{--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;}.elementor-5564 .elementor-element.elementor-element-a43bb67{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5564 .elementor-element.elementor-element-ff55c61{--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;}.elementor-5564 .elementor-element.elementor-element-f67044c{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5564 .elementor-element.elementor-element-ff55c61{--width:50%;}.elementor-5564 .elementor-element.elementor-element-f67044c{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-0cf244a *//* Esto cambia el color del texto por defecto */
.btn-secundario .elementor-button-text {
    color: #000000; /* Cambia #000000 por tu color */
}

/* Esto cambia el color del icono si tiene uno */
.btn-secundario .elementor-button-icon i {
    color: #000000; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f38189d *//* 1. ALTURA COMPACTA Y ESTILOS DEL CONTENEDOR DERECHO */
.elementor-5564 .elementor-element.elementor-element-f38189d {
  font-family: 'Raleway', sans-serif;
  background-color: #0f1311; 
  border-radius: 0 20px 20px 0; /* Redondeado derecho en PC */
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 30px; /* Reducido para dar más espacio */
  box-sizing: border-box;
  
  /* Volvemos a fijar la altura para que no se vea gigante */
  max-height: 700px; 
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  box-shadow: 10px 20px 50px rgba(245, 156, 77, 0.03); 
}

/* 2. ESTRUCTURA INTERNA ULTRA-COMPACTA */
.elementor-5564 .elementor-element.elementor-element-f38189d form {
  display: flex;
  flex-direction: column;
  gap: 10px; /* Reducido drásticamente el espacio entre bloques de campos */
  text-align: left;
}

.elementor-5564 .elementor-element.elementor-element-f38189d .form-group {
  display: flex;
  flex-direction: column;
  gap: 4px; /* Pegamos más las etiquetas a sus respectivos inputs */
}

.elementor-5564 .elementor-element.elementor-element-f38189d .form-row-doble {
  display: flex;
  gap: 15px; /* Más compacto de forma horizontal */
}

.elementor-5564 .elementor-element.elementor-element-f38189d .form-row-doble .form-group {
  flex: 1;
}

.elementor-5564 .elementor-element.elementor-element-f38189d label {
  font-size: 13px; /* Letra ligeramente más pequeña para las etiquetas */
  font-weight: 500;
  color: #cccccc;
  display: block;
}

/* 3. CAMPOS DE ENTRADA REDUCIDOS (INPUTS, SELECT Y TEXTAREA) */
.elementor-5564 .elementor-element.elementor-element-f38189d input[type="text"],
.elementor-5564 .elementor-element.elementor-element-f38189d input[type="email"],
.elementor-5564 .elementor-element.elementor-element-f38189d input[type="tel"],
.elementor-5564 .elementor-element.elementor-element-f38189d select,
.elementor-5564 .elementor-element.elementor-element-f38189d textarea {
  width: 100% !important;
  background-color: #0b0d0c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important; /* Padding interno más chiquito */
  color: #ffffff !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important; /* Texto interno más sutil */
  box-sizing: border-box !important;
  outline: none !important;
  transition: all 0.3s ease !important;
}

/* Forzamos altura chiquita y estilizada en todos los campos */
.elementor-5564 .elementor-element.elementor-element-f38189d input[type="text"],
.elementor-5564 .elementor-element.elementor-element-f38189d input[type="email"],
.elementor-5564 .elementor-element.elementor-element-f38189d input[type="tel"],
.elementor-5564 .elementor-element.elementor-element-f38189d select {
  height: 38px !important; /* De 47px bajó a 38px, mucho más estético */
}

/* Flecha del select adaptada a la nueva altura */
.elementor-5564 .elementor-element.elementor-element-f38189d select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23cccccc' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  cursor: pointer !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d select option {
  background-color: #0f1311 !important;
  color: #ffffff !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d textarea {
  resize: none !important; /* Evitamos que el usuario lo deforme */
  max-height: 85px !important; /* Caja de retos más bajita */
}

/* Contorno verde interactivo al dar clic (Focus) */
.elementor-5564 .elementor-element.elementor-element-f38189d input:focus,
.elementor-5564 .elementor-element.elementor-element-f38189d select:focus,
.elementor-5564 .elementor-element.elementor-element-f38189d textarea:focus {
  border-color: #00bf0c !important;
  box-shadow: 0 0 8px rgba(0, 191, 12, 0.15) !important;
  background-color: #0e1210 !important;
}

/* 4. BOTÓN DE ENVÍO INTEGRADO Y ESTILIZADO */
.elementor-5564 .elementor-element.elementor-element-f38189d .btn-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #00bf0c !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 25px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Raleway', sans-serif !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-top: 5px !important;
  width: auto !important;
  max-width: fit-content !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d .btn-submit:hover {
  background-color: #00990a !important;
  transform: translateY(-1px) !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7-spinner {
  display: none !important;
}

/* ALERTAS Y MENSAJES DE CONTACT FORM 7 */
.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7-response-output {
  color: #ffffff !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  margin: 10px 0 0 0 !important;
  background-color: #141916 !important;
  box-sizing: border-box !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7 .invalid .wpcf7-response-output,
.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7-response-output.wpcf7-validation-errors {
  border: 1px solid #f59c4d !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7 .sent .wpcf7-response-output,
.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 1px solid #00bf0c !important;
}

.elementor-5564 .elementor-element.elementor-element-f38189d .wpcf7-not-valid-tip {
  color: #f59c4d !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
  display: block !important;
}

/* 5. COMPORTAMIENTO RESPONSIVO (MÓVIL) */
@media (max-width: 850px) {
  .elementor-5564 .elementor-element.elementor-element-f38189d {
    border-radius: 0 0 20px 20px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 30px 20px 35px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .elementor-5564 .elementor-element.elementor-element-f38189d form {
    width: 100% !important;
    height: auto !important;
    gap: 12px !important;
  }
  .elementor-5564 .elementor-element.elementor-element-f38189d .form-row-doble {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .elementor-5564 .elementor-element.elementor-element-f38189d .btn-submit {
    font-size: 13px !important;
    letter-spacing: -0.3px !important;
    padding: 12px 15px !important;
    margin: 10px auto 0 auto !important;
    width: 100% !important;
    max-width: 320px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}/* End custom CSS */