.elementor-496 .elementor-element.elementor-element-772aeab4{--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;--padding-top:16px;--padding-bottom:160px;--padding-left:8px;--padding-right:8px;}.elementor-496 .elementor-element.elementor-element-42010558{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-496 .elementor-element.elementor-element-21bc19e > .elementor-widget-container{margin:0px 0px 0px 28px;}.elementor-496 .elementor-element.elementor-element-21bc19e .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:38px;font-weight:400;}.elementor-496 .elementor-element.elementor-element-b8f9cca{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-496 .elementor-element.elementor-element-b8f9cca > .elementor-widget-container{margin:-16px -16px -5px -7px;padding:0px 60px 0px 0px;}.elementor-496 .elementor-element.elementor-element-b8f9cca .elementor-divider-separator{width:87%;margin:0 auto;margin-center:0;}.elementor-496 .elementor-element.elementor-element-b8f9cca .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-496 .elementor-element.elementor-element-e415a93 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:41px;font-weight:700;}.elementor-496 .elementor-element.elementor-element-c609ecb{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-496 .elementor-element.elementor-element-c569309{--display:flex;}.elementor-496 .elementor-element.elementor-element-11b657c3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Bricolage Grotesque", Sans-serif;font-size:18px;font-weight:500;line-height:37px;color:var( --e-global-color-astglobalcolor5 );}.elementor-496 .elementor-element.elementor-element-11b657c3 > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:52px 0px 16px 0px;padding:45px 78px 0px 115px;border-radius:15px 15px 15px 15px;}.elementor-496 .elementor-element.elementor-element-11b657c3.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-496 .elementor-element.elementor-element-11b657c3 p{margin-block-end:0px;}@media(min-width:768px){.elementor-496 .elementor-element.elementor-element-772aeab4{--content-width:1280px;}}@media(max-width:1280px){.elementor-496 .elementor-element.elementor-element-21bc19e .elementor-heading-title{font-size:29px;}.elementor-496 .elementor-element.elementor-element-e415a93 .elementor-heading-title{font-size:29px;}.elementor-496 .elementor-element.elementor-element-c609ecb{font-size:15px;}}@media(max-width:1024px){.elementor-496 .elementor-element.elementor-element-21bc19e .elementor-heading-title{font-size:26px;}.elementor-496 .elementor-element.elementor-element-e415a93 .elementor-heading-title{font-size:26px;}.elementor-496 .elementor-element.elementor-element-c609ecb > .elementor-widget-container{margin:0px 0px 26px 0px;}.elementor-496 .elementor-element.elementor-element-c1d15f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-496 .elementor-element.elementor-element-11b657c3 > .elementor-widget-container{padding:47px 14px 0px 55px;}.elementor-496 .elementor-element.elementor-element-11b657c3{font-size:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-c1d15f4 *//* ==== FORM CONTACT – GRAVITY FORMS ID 1 ==== */

/* Box sizing consistente dentro del formulario */
#gform_1,
#gform_1 * {
  box-sizing: border-box;
}

/* Card del formulario */
#gform_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;

  width: 100%;
  max-width: 531px;
  min-width: 320px;

  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
}

/* Encabezado */
#gform_1 .gform_heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

#gform_1 .gform_title {
  margin: 0;
  text-transform: lowercase;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: #1E1E1E;
}

#gform_1 .gform_description {
  display: none; /* según Figma: description oculta */
}

#gform_1 .gform_required_legend {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #757575;
}

/* Cuerpo del formulario */
#gform_1 .gform_body {
  width: 100%;
}

#gform_1 .gform_fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* ==== CAMPOS GENERALES (Input Field) ==== */

#gform_1 .gfield {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 8px;

  width: 100%;
  max-width: 483px;

  margin: 0; /* quitar márgenes por defecto */
}

/* Label principal (Nombre, Apellido, Email, Mensaje) */
#gform_1 .gfield_label,
#gform_1 legend.gfield_label {
  width: 100%;
  height: 22px;
  margin: 0;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1E1E1E;

  display: flex;
  align-items: center;
}

/* Asterisco requerido */
#gform_1 .gfield_required,
#gform_1 .gfield_required .gfield_required_asterisk {
  color: #1E1E1E;
  margin-left: 4px;
}

/* Sub-labels (Nombre, Apellidos dentro del campo complejo) */
#gform_1 .gform-field-label--type-sub {
  display: block;
  margin-bottom: 4px;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1E1E1E;
}

/* Description / hints debajo del campo (ocultos según Figma) */
#gform_1 .gfield_description {
  display: none;

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #757575;
}

/* Contenedores de inputs */
#gform_1 .ginput_container,
#gform_1 .ginput_container_email,
#gform_1 .ginput_container_text,
#gform_1 .ginput_container_name {
  width: 100%;
  max-width: 483px;
}

/* Para el campo de nombre/apellido (complex) */
#gform_1 .ginput_container_name.gform-grid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

#gform_1 .ginput_container_name .gform-grid-col {
  flex: 1 1 100%;
}

/* ==== INPUTS (text, email) ==== */

#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 input[type="tel"],
#gform_1 input[type="url"],
#gform_1 input[type="number"] {
  display: flex;
  align-items: center;

  padding: 12px 16px;
  width: 100%;
  min-width: 240px;
  height: 40px;

  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #1E1E1E;
}

/* Placeholder → texto secundario */
#gform_1 input::placeholder {
  color: #B3B3B3;
}

/* ==== TEXTAREA FIELD ==== */

#gform_1 textarea {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  isolation: isolate;

  width: 100%;
  min-width: 240px;
  height: 80px;
  min-height: 80px;

  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  resize: none;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #1E1E1E;
}

/* Placeholder del textarea */
#gform_1 textarea::placeholder {
  color: #B3B3B3;
}

/* Contador de caracteres (charleft) */
#gform_1 .ginput_counter {
  margin-top: 4px;

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #757575;
}

/* ==== ESTADOS DE FOCO / ERROR ==== */

#gform_1 input[type="text"]:focus,
#gform_1 input[type="email"]:focus,
#gform_1 textarea:focus {
  outline: none;
  border-color: #1E1E1E;
}

/* Mensajes de error (si los usas) */
#gform_1 .gfield_validation_message,
#gform_1 .validation_message {
  margin-top: 4px;

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #1E1E1E;
}

/* Borde rojo en error */
#gform_1 .gfield_error input[type="text"],
#gform_1 .gfield_error input[type="email"],
#gform_1 .gfield_error textarea {
  border-color: #D93025;
}

/* ==== FOOTER / BUTTON GROUP ==== */

#gform_1 .gform_footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;

  width: 100%;
  max-width: 483px;
  margin-top: 8px;
}

/* Botón principal Enviar */
#gform_submit_button_1 {
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 8px;

  width: 100%;
  height: 46px;

  background: #2C2C2C;
  border: 1px solid #2C2C2C;
  border-radius: 8px;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #F5F5F5;

  cursor: pointer;
}

/* Hover / active opcional (no están en Figma pero ayudan) */
#gform_submit_button_1:hover {
  background: #1E1E1E;
  border-color: #1E1E1E;
}

#gform_submit_button_1:active {
  background: #000000;
  border-color: #000000;
}

/* Quitar estilos raros de Gravity por defecto si los hubiera */
#gform_1 .gform_hidden {
  display: none !important;
}

/* ==== INPUTS & TEXTAREA IGUALES ==== */

#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 input[type="tel"],
#gform_1 input[type="url"],
#gform_1 input[type="number"],
#gform_1 textarea {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;

  width: 100%;
  max-width: 483px;
  min-width: 240px;

  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px;

  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #1E1E1E;
}

/* Alturas diferenciadas por tipo */
#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 input[type="number"],
#gform_1 input[type="tel"] {
  height: 40px;
}

#gform_1 textarea {
  height: 80px;
  min-height: 80px;
  resize: none;
}

/* Placeholder estilo Figma */
#gform_1 input::placeholder,
#gform_1 textarea::placeholder {
  color: #B3B3B3;
  opacity: 1;
}

/* Focus */
#gform_1 input:focus,
#gform_1 textarea:focus {
  outline: none;
  border-color: #1E1E1E;
}

elementor-kit-352 h2 {
  font-size: 64px;
  font-weight: 700;
  line-height: 107%;
  display: none;
}

.gform_heading{

  display: none;
}

/* === CONTENEDOR ESTILO TEXTAREA PARA SUBLABEL + INPUT === */

#gform_1 .ginput_container_name .gform-grid-col,
#gform_1 .ginput_container_email,
#gform_1 .ginput_container_text,
#gform_1 .ginput_container_textarea {
    display: flex;
    flex-direction: column;
    gap: 6px;

    padding: 12px 16px;
    width: 100%;
    max-width: 483px;
    min-width: 240px;

    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

/* === SUBLABEL ADENTRO DEL CONTENEDOR === */

#gform_1 .gform-field-label--type-sub {
    margin: 0;
    padding: 0;

    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #757575;
}

/* === INPUT ADENTRO — MISMO ESTILO QUE TU FIGMA === */

#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 input[type="number"],
#gform_1 input[type="tel"],
#gform_1 input[type="url"] {
    width: 100%;
    height: 24px;

    border: none;
    outline: none;
    background: transparent;

    font-family: 'Bricolage Grotesque';
    font-size: 16px;
    color: #1E1E1E;
}

#gform_1 input::placeholder {
    color: #B3B3B3;
}

/* === TEXTAREA: MISMO CONTENEDOR PERO MÁS ALTO === */

#gform_1 .ginput_container_textarea {
    height: 80px;
    align-items: flex-start;
}

#gform_1 textarea {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    resize: none;

    font-family: 'Bricolage Grotesque';
    font-size: 16px;
    color: #1E1E1E;
}

#gform_1 textarea::placeholder {
    color: #B3B3B3;
}

#gform_1 .gform-field-label--type-sub {
  display: block;
  margin-bottom: 4px;
  font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1E1E1E;
  display: none;
}/* End custom CSS */