.elementor-7159 .elementor-element.elementor-element-1776037{--display:flex;}.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-7159 .elementor-element.elementor-element-24cba90{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7159 .elementor-element.elementor-element-5c06c92{width:var( --container-widget-width, 101.445% );max-width:101.445%;--container-widget-width:101.445%;--container-widget-flex-grow:0;}.elementor-7159 .elementor-element.elementor-element-5c06c92 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7159 .elementor-element.elementor-element-5c06c92.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7159 .elementor-element.elementor-element-0ac0c2c{width:var( --container-widget-width, 101.445% );max-width:101.445%;--container-widget-width:101.445%;--container-widget-flex-grow:0;}.elementor-7159 .elementor-element.elementor-element-0ac0c2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7159 .elementor-element.elementor-element-0ac0c2c.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-7159 .elementor-element.elementor-element-24cba90{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7159 .elementor-element.elementor-element-24cba90{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-2f0ed418 *//* ===== Registro | estilos de escritorio ===== */
@media (min-width: 1024px){
  /* contenedor con tu ID */
  #formulario-registro{
    --azul:#1b76ba;
  }

  /* Borde y padding del formulario (WooCommerce y/o Elementor) */
  #formulario-registro form,
  #formulario-registro .woocommerce form,
  #formulario-registro .elementor-form{
    max-width: 840px;              /* céntralo y evita que se haga enorme */
    margin: 0 auto;
    padding: 18px 22px;            /* padding más compacto */
    border: 2px solid var(--azul);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
    background:#fff;
  }

  /* Filas/campos: menos separación vertical */
  #formulario-registro .form-row,
  #formulario-registro .woocommerce form .form-row,
  #formulario-registro .elementor-form .elementor-field-group{
    margin-bottom: 10px !important;    /* antes suelen ser 20–30px */
  }

  /* Etiquetas más compactas */
  #formulario-registro label{
    margin-bottom: 4px !important;
    font-weight: 600;
  }

  /* Inputs, selects, textareas: altura y padding reducidos */
  #formulario-registro input[type="text"],
  #formulario-registro input[type="email"],
  #formulario-registro input[type="password"],
  #formulario-registro input[type="tel"],
  #formulario-registro select,
  #formulario-registro textarea{
    padding: 9px 12px !important;
    min-height: 40px;
    border-radius: 8px;
  }

  /* foco accesible en azul */
  #formulario-registro input:focus,
  #formulario-registro select:focus,
  #formulario-registro textarea:focus{
    outline: none;
    border-color: var(--azul) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 25%, transparent);
  }

  /* Checkbox/tyc más pegados */
  #formulario-registro .input-checkbox{
    margin-right: 6px !important;
  }

  /* Botón compacto y consistente */
  #formulario-registro .button,
  #formulario-registro button[type="submit"],
  #formulario-registro input[type="submit"]{
    padding: 10px 16px !important;
    min-height: 42px;
    border-radius: 8px;
  }

  /* Notas/política y mensajes: menos margen superior */
  #formulario-registro .woocommerce-privacy-policy-text,
  #formulario-registro .woocommerce-form__label-for-checkbox,
  #formulario-registro .woocommerce-message,
  #formulario-registro .woocommerce-error{
    margin-top: 8px !important;
  }
}

/* Opcional: un pelín más de espacio en móvil para que respire */
@media (max-width: 1023.98px){
  #formulario-registro form,
  #formulario-registro .woocommerce form,
  #formulario-registro .elementor-form{
    border: 2px solid #1b76ba;
    border-radius: 12px;
    padding: 20px;
  }
}

/* =========================
   Banner superior del registro
   ========================= */
#formulario-registro > div > div{
  /* look y caja */
  background:#1b76ba;
  color:#fff;
  border:2px solid #1b76ba;
  border-radius:14px;
  box-shadow:0 4px 18px rgba(27,118,186,.12);

  /* tipografía: hereda la del sitio */
  font-family: var(--e-global-typography-text-font-family, "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-weight:600;

  /* centrado perfecto */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  /* espaciado */
  padding:16px 22px;
  max-width:840px;      /* mismo ancho visual del form */
  margin:0 auto 14px;   /* centrado + separación del formulario */
}

/* Limpia márgenes internos que desalinean el texto */
#formulario-registro > div > div p{ 
  margin:0; 
  line-height:1.35;
  font-size:clamp(15px,1.6vw,17px);
}
#formulario-registro > div > div strong{ font-weight:700; }

/* Si hay enlaces dentro del banner (ej. “Comenzar”) que rompen el centrado */
#formulario-registro > div > div a{
  display:inline-block;
  margin-left:.6rem;
  padding:6px 12px;
  border-radius:8px;
  background:rgba(255,255,255,.15);
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
}
#formulario-registro > div > div a:hover{ background:rgba(255,255,255,.25); }

/* =========================
   Formulario más compacto + borde azul
   ========================= */
#formulario-registro .elementor-form{
  border:2px solid #1b76ba;
  border-radius:12px;
  padding:18px 20px;
  max-width:840px;
  margin:8px auto 24px;
  font-family: var(--e-global-typography-text-font-family, "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
}
#formulario-registro .elementor-form .elementor-field-group{ margin-bottom:12px; }
#formulario-registro .elementor-form .elementor-field{ min-height:42px; }
#formulario-registro .elementor-form .elementor-button{ height:44px; border-radius:10px; }

/* Responsive */
@media (max-width:768px){
  #formulario-registro > div > div{ padding:12px 14px; }
  #formulario-registro > div > div p{ font-size:15px; }
  #formulario-registro .elementor-form{ padding:14px; }
}

/*Boton de formulario*/

@media (max-width:768px){
#formulario-registro form .agro_register_box:last-of-type{
        margin: 18px 0 0 0 !important;
    }
}

#formulario-registro form .agro_register_box:last-of-type{
        margin: 16px 0 0 0 !important;
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5c06c92 */#content > div.page-content > div > div.elementor-element.elementor-element-1932fb8.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div > div > div > div > div > a > div {
    
    padding: 0px 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24cba90 *//* 1) Acercar los botones al formulario */
#formulario-registro .agro_register_box:last-of-type {
  margin-bottom: 100px; /* ajusta si quieres más/menos */
}

/* 2) Grid: una fila, dos columnas, centrado y con el mismo ancho visual del formulario */
#botones-sociales {
  /* Centrado y ancho máximo parecido al del formulario */
  width: min(100%, 580px);     /* puedes bajar a 920/900 si lo ves mejor */
  margin: 1px auto 0;         /* pegado al form (12px de separación arriba) */

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;                   /* separación entre Google y Facebook */

  /* Quita rellenos/sombras por si Elementor mete algo */
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}

/* 3) Evitar márgenes/paddings de wrappers internos que “empujan” los botones */
#botones-sociales .elementor-widget-container,
#botones-sociales .elementor-shortcode,
#botones-sociales .nsl-container {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 4) Los botones ocupan su columna completa (se ven parejos) */
#botones-sociales .nsl-button {
  width: 100%;
}

/* 5) Móvil: se apilan centrados manteniendo el mismo gap */
@media (max-width: 640px) {
  #botones-sociales {
    grid-template-columns: 1fr;
    gap: 12px;
    width: min(100%, 560px);
  }
}

@media (max-width: 640px) {
#botones-sociales{
    margin: -17px 0 0 0
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1776037 *//* --- Espacio bajo el botón "Registrarme" --- */
#formulario-registro form .agro_register_box:last-of-type {
  margin-bottom: 16px;                 /* separa de los botones sociales */
}/* End custom CSS */