.elementor-9796 .elementor-element.elementor-element-45cfdd12{--display:flex;--min-height:600px;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9796 .elementor-element.elementor-element-6ec46aa{text-align:center;}.elementor-9796 .elementor-element.elementor-element-7197df0{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9796 .elementor-element.elementor-element-45765f2{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-9796 .elementor-element.elementor-element-45cfdd12{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9796 .elementor-element.elementor-element-6ec46aa{text-align:left;}.elementor-9796 .elementor-element.elementor-element-7197df0{text-align:left;}.elementor-9796 .elementor-element.elementor-element-45765f2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-9796 .elementor-element.elementor-element-4dfff2c8{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}}/* Start custom CSS for shortcode, class: .elementor-element-4dfff2c8 *//* Mensaje debajo del título "Contraseña" */
#um_field_7523_user_password .um-field-label::after{
  display:block;
  font-size:13px;
  color:#6e6e6e;
  margin-top:4px;
  font-weight:400;
}

/* Botón principal (input submit) – estilo pill relleno */
.um-7523.um .um-col-alt input#um-submit-btn.um-button{
  background:#000 !important;
  color:#fff !important;
  border:2px solid #000 !important;
  border-radius:999px !important;
  padding:14px 26px !important;
  width:100% !important;
  font-size:16px !important;
  font-weight:600 !important;
  text-align:center !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  transition:all .25s ease !important;
  cursor:pointer !important;
}
.um-7523.um .um-col-alt input#um-submit-btn.um-button:hover{
  background:#333 !important;
  border-color:#333 !important;
  transform:translateY(-1px);
}

/* Botón secundario (link Acceder) – pill bordeado */
.um-7523.um .um-col-alt a.um-button.um-alt{
  background:transparent !important;
  color:#000 !important;
  border:2px solid #000 !important;
  border-radius:999px !important;
  padding:14px 26px !important;
  width:100% !important;
  font-size:16px !important;
  font-weight:400 !important;
  text-align:center !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  transition:all .25s ease !important;
  cursor:pointer !important;
}
.um-7523.um .um-col-alt a.um-button.um-alt:hover{
  background:#000 !important;
  color:#fff !important;
  transform:translateY(-1px);
}

/* (opcional) unificar tracking / quitar transformaciones raras */
.um-7523.um .um-col-alt .um-button,
.um-7523.um .um-col-alt .um-button.um-alt{
  letter-spacing:.5px;
  text-transform:none !important;
}

/* Inputs estilo pill (semi círculos) */
.um-7523.um .um-form input[type="text"],
.um-7523.um .um-form input[type="password"],
.um-7523.um .um-form input[type="email"],
.um-7523.um .um-form textarea,
.um-7523.um .um-form select {
  border-radius: 999px !important; /* forma pastilla */
  border: 2px solid #262626 !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  background: #fff !important;
}

/* Hover + focus */
.um-7523.um .um-form input:focus,
.um-7523.um .um-form textarea:focus,
.um-7523.um .um-form select:focus {
  outline: none !important;
  border-color: #000 !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,.14) !important;
}

/* ====== Scope: solo el registro con ID 7523 ====== */
.um-7523.um{
  --ink:#151515;
  --bd:#151515;            /* color del borde */
  --field-bg:#F4EEE6;      /* beige de fondo del campo (ajústalo si tu página usa otro) */
  --pill:999px;
  --h:64px;                /* alto de los inputs */
  --vline:#151515;         /* color de la línea interior */
  --vline-x:22px;          /* distancia desde el borde izq a la línea vertical */
}

/* Etiquetas + asterisco de requeridos */
.um-7523.um .um-field-label{ 
  font-weight:800; 
  color:var(--ink);
}
.um-7523.um .um-field .um-req{           /* si UM imprime el span .um-req */
  color:#E24A3B !important;
}

/* Inputs/textarea/select con píldora + línea vertical interna */
.um-7523.um .um-form input[type="text"],
.um-7523.um .um-form input[type="email"],
.um-7523.um .um-form input[type="password"],
.um-7523.um .um-form textarea,
.um-7523.um .um-form select{
  height:var(--h);
  border:2px solid var(--bd) !important;
  border-radius:var(--pill) !important;
  /* background beige + “regla” vertical centrada */
  background:
    linear-gradient(var(--vline),var(--vline)) var(--vline-x) 50% / 1.5px 48% no-repeat,
    var(--field-bg) !important;
  /* padding extra a la izquierda para no pisar la línea */
  padding:0 18px 0 calc(var(--vline-x) + 18px) !important;
  color:var(--ink);
  box-shadow:none !important;
  outline:0 !important;
}
.um-7523.um .um-form input::placeholder,
.um-7523.um .um-form textarea::placeholder{ color:#7a7a7a; }

/* Focus/hover (sin glow) */
.um-7523.um .um-form input:focus,
.um-7523.um .um-form textarea:focus,
.um-7523.um .um-form select:focus{
  border-color:var(--bd) !important;
  box-shadow:none !important;
}

/* Mensaje debajo del título “Contraseña” (ya lo tenías) */
#um_field_7523_user_password .um-field-label::after{
  display:block;
  font-size:13px;
  color:#6e6e6e;
  margin-top:4px;
  font-weight:400;
  content: attr(data-help); /* opcional si luego querés inyectar texto por JS */
}

/* Checkbox + texto en una línea, con links */
.um-7523.um .um-field-checkbox .um-field-checkbox-option{
  display:flex; gap:10px; align-items:flex-start;
}
.um-7523.um .um-field-checkbox input[type="checkbox"]{
  width:18px; height:18px; margin-top:4px;
}
.um-7523.um .um-field-checkbox .um-field-checkbox-option a{
  text-decoration:none; border-bottom:1px solid currentColor;
}

/* Scope: solo el registro 7523 */
.um-7523.um #um_field_7523_terminos .um-field-area > label{
  display:flex;                     /* check + texto en fila */
  align-items:center;
  gap:10px;
}

.um-7523.um #um_field_7523_terminos .um-field-checkbox-option{
  white-space:nowrap;               /* ¡una sola línea! */
  text-overflow:ellipsis;
      margin-left: 20px;
}

/* Links con subrayado sutil */
.um-7523.um #um_field_7523_terminos .um-field-checkbox-option a{
  color:inherit; text-decoration:none; border-bottom:1px solid currentColor;
}

/* (Opcional) en pantallas chicas deja que pueda partir en 2 líneas */
@media (max-width: 560px){
  .um-7523.um #um_field_7523_terminos .um-field-checkbox-option{
    white-space:normal;
    overflow:visible; text-overflow:clip;
  }
}

.um-field-label label {
    font-size: 20px !important;
    line-height: 22px !important;
    font-weight: 700;
}

/* ===== Checkbox "Términos" — color #262626, 1 línea, sin subrayado ===== */
#um_field_7523_terminos .um-field-checkbox-option{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  white-space:nowrap !important;
  color:#262626 !important; /* color base del texto */
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:1.4 !important;
}

/* fuerza el color en todo lo interno */
#um_field_7523_terminos .um-field-checkbox-option *,
#um_field_7523_terminos .um-field-checkbox-option span{
  color:#262626 !important;
}

/* enlaces sin subrayado y en el mismo color (incluye estados) */
#um_field_7523_terminos .um-field-checkbox-option a,
#um_field_7523_terminos .um-field-checkbox-option a:link,
#um_field_7523_terminos .um-field-checkbox-option a:visited,
#um_field_7523_terminos .um-field-checkbox-option a:hover,
#um_field_7523_terminos .um-field-checkbox-option a:focus,
#um_field_7523_terminos .um-field-checkbox-option a:active{
  color:#262626 !important;
  text-decoration:none !important;
  outline:none !important;
}

/* checkbox más cerca del texto */
#um_field_7523_terminos input[type="checkbox"]{
  width:22px; height:22px;
  border:2px solid #7A7A7A; border-radius:6px;
  margin:0 !important; flex:0 0 auto;
}

/* en pantallas chicas permitimos salto de línea si no entra */
@media (max-width:560px){
  #um_field_7523_terminos .um-field-checkbox-option{ white-space:normal !important; }
}
/* ===== Contenedor y orden ===== */
.um-7523.um .um-col-alt{
  display:flex; justify-content:space-between; gap:24px;
  width:473px; margin:40px auto 0; flex-direction:row-reverse;
}

/* Base de ambos botones */
.um-7523.um .um-col-alt .um-button,
.um-7523.um .um-col-alt input.um-button{
  font-family:"Helvetica Neue","Helvetica",Arial,sans-serif !important;
  font-weight:700 !important; /* <- Volver en 700 también */
  font-size:20px !important; line-height:1 !important;
  height:48px !important; width:224.5px !important;
  border-radius:999px !important; display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  position:relative !important; text-decoration:none !important;
  letter-spacing:0 !important; box-shadow:none !important;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

/* === Botón derecho (submit) — NEGRO === */
.um-7523.um .um-col-alt input.um-button#um-submit-btn{
  background:#1E1E1E !important; color:#EDE7E1 !important;
  border:2px solid #1E1E1E !important; padding:0 56px 0 24px !important;
}
.um-7523.um .um-col-alt input.um-button#um-submit-btn::after{
  content:""; display:block; width:32px; height:32px;
  position:absolute; right:16px; top:50%; transform:translateY(-50%);
  /* Flecha derecha que hereda el color del texto */
  background:no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M18.0943 26.6154L28.6602 15.9946L18.0943 5.37373C17.9989 5.24842 17.8776 5.14508 17.7388 5.0707C17.6 4.99631 17.4468 4.95263 17.2896 4.9426C17.1324 4.93257 16.9749 4.95643 16.8277 5.01257C16.6806 5.0687 16.5472 5.1558 16.4366 5.26797C16.326 5.38013 16.2408 5.51475 16.1868 5.6627C16.1328 5.81065 16.1112 5.96848 16.1235 6.12551C16.1357 6.28253 16.1816 6.43509 16.258 6.57285C16.3343 6.71061 16.4394 6.83036 16.566 6.92398L24.4712 14.8951L3.43842 14.8951C3.14682 14.8951 2.86717 15.0109 2.66098 15.2171C2.45479 15.4233 2.33895 15.703 2.33895 15.9946C2.33895 16.2862 2.45479 16.5658 2.66098 16.772C2.86717 16.9782 3.14682 17.094 3.43842 17.094L24.4712 17.094L16.566 25.0652C16.3605 25.2722 16.2455 25.5524 16.2466 25.8442C16.2476 26.1359 16.3645 26.4153 16.5715 26.6209C16.7786 26.8265 17.0588 26.9414 17.3505 26.9404C17.6423 26.9393 17.9217 26.8224 18.1273 26.6154L18.0943 26.6154Z' fill='currentColor'/></svg>");
}
/* Hover invertido: fondo claro, texto+flecha negras */
.um-7523.um .um-col-alt input.um-button#um-submit-btn:hover{
  background:#EDE7E1 !important; color:#1E1E1E !important; border-color:#1E1E1E !important;
  transform:translateY(-1px);
}

/* === Botón izquierdo (link) — GRIS === */
.um-7523.um .um-col-alt a.um-button.um-alt{
  background:#DDD6CF !important; color:#262626 !important;
  border:2px solid #262626 !important; padding:0 24px 0 56px !important;
}
.um-7523.um .um-col-alt a.um-button.um-alt::before{
  content:""; display:block; width:32px; height:32px;
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  /* Flecha izquierda que hereda el color del texto */
  background:no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M13.9057 5.38459L3.33984 16.0054L13.9057 26.6263C14.0011 26.7516 14.1224 26.8549 14.2612 26.9293C14.4 27.0037 14.5532 27.0474 14.7104 27.0574C14.8676 27.0674 15.0251 27.0436 15.1723 26.9874C15.3194 26.9313 15.4528 26.8442 15.5634 26.732C15.674 26.6199 15.7592 26.4853 15.8132 26.3373C15.8672 26.1894 15.8888 26.0315 15.8765 25.8745C15.8643 25.7175 15.8184 25.5649 15.742 25.4271C15.6657 25.2894 15.5606 25.1696 15.434 25.076L7.52881 17.1049L28.5616 17.1049C28.8532 17.1049 29.1328 16.9891 29.339 16.7829C29.5452 16.5767 29.661 16.297 29.661 16.0054C29.661 15.7138 29.5452 15.4342 29.339 15.228C29.1328 15.0218 28.8532 14.906 28.5616 14.906L7.52881 14.906L15.434 6.93484C15.6395 6.7278 15.7545 6.44759 15.7534 6.15583C15.7524 5.86407 15.6355 5.58467 15.4285 5.37909C15.2214 5.17352 14.9412 5.05861 14.6495 5.05964C14.3577 5.06067 14.0783 5.17756 13.8727 5.38459L13.9057 5.38459Z' fill='currentColor'/></svg>");
}
/* Hover invertido: fondo negro, texto+flecha claros */
.um-7523.um .um-col-alt a.um-button.um-alt:hover{
  background:#1E1E1E !important; color:#EDE7E1 !important; border-color:#1E1E1E !important;
  transform:translateY(-1px);
}

/* Responsive */
@media (max-width: 767px){
  .um-7523.um .um-col-alt{ width:100%; flex-direction:column-reverse; }
  .um-7523.um .um-col-alt .um-button,
  .um-7523.um .um-col-alt input.um-button{ width:100% !important; }
}
/* ===== Scope ===== */
.um-7523.um .um-col-alt{
  display:flex; gap:24px; width:473px; margin:40px auto 0;
  /* ponlo en row si no quieres invertir visualmente */
  flex-direction:row;
}

/* Botonera: oculto el submit nativo (lo disparamos por JS) */
.um-7523.um .um-col-alt input.um-button#um-submit-btn{ display:none !important; }

/* Base botón custom */
.um-7523.um .um-col-alt .mm-btn{
  width:224.5px; height:48px;
  border-radius:999px; border:2px solid transparent;
  display:inline-flex; align-items:center; justify-content:center;
  gap:14px; padding:0 24px; text-decoration:none !important;
  font-family:"Helvetica Neue","Helvetica",Arial,sans-serif !important;
  font-weight:700 !important; font-size:20px !important; line-height:1 !important;
  letter-spacing:0; box-shadow:none; cursor:pointer;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

/* Iconos SVG: heredan currentColor y tamaño fijo */
.um-7523.um .um-col-alt .mm-btn svg{ width:32px; height:32px; display:block; }

/* Primario (Registrarme) */
.um-7523.um .um-col-alt .mm-btn--primary{
  background:#1E1E1E; color:#EDE7E1; border-color:#1E1E1E;
}
.um-7523.um .um-col-alt .mm-btn--primary:hover{
  background:#EDE7E1; color:#1E1E1E; border-color:#1E1E1E; transform:translateY(-1px);
}

/* Secundario (Volver) */
.um-7523.um .um-col-alt .mm-btn--ghost{
  background:#DDD6CF; color:#262626; border-color:#262626;
}
.um-7523.um .um-col-alt .mm-btn--ghost:hover{
  background:#1E1E1E; color:#EDE7E1; border-color:#1E1E1E; transform:translateY(-1px);
}

/* Responsive: full width en móvil */
@media (max-width: 767px){
  .um-7523.um .um-col-alt{ width:100%; flex-direction:column; }
  .um-7523.um .um-col-alt .mm-btn{ width:100%; }
}



/* Label centrado real, sin depender del icono */
.um-7523.um .um-col-alt .mm-btn__label{ grid-column:2; text-align:center; }

/* Iconos a los bordes */
.um-7523.um .um-col-alt .mm-btn__icon{ width:32px; height:32px; }
.um-7523.um .um-col-alt .mm-btn__icon--left { grid-column:1; justify-self:start; }
.um-7523.um .um-col-alt .mm-btn__icon--right{ grid-column:3; justify-self:end; }

.um-7523.um .um-col-alt .mm-btn svg{ width:32px; height:32px; display:block; }

/* base botones */
.mm-btn{
  display:flex; align-items:center; gap:0;
  height:48px; border-radius:999px;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700; font-size:20px; line-height:1;
  padding:0; /* lo ajusto por variante */
}
.mm-btn__icon{width:32px; height:32px; display:flex; align-items:center; justify-content:center;}
.mm-btn__label{white-space:nowrap}

/* IZQUIERDA (Volver): borde + texto bien a la derecha */
.mm-btn--ghost{
  background:#DDD6CF; color:#262626;
  border:1px solid #1B1B1B;               /* borde negro 1px */
  padding-left:20px;                       /* espacio para flecha */
  padding-right:24px;
  width:224.5px;                           /* opcional, si querés fijar tamaño */
}
/* empujo el texto hacia la derecha manteniendo la flecha a la izquierda */
.mm-btn--ghost .mm-btn__label{margin-left:auto;} 
.mm-btn--ghost .mm-btn__icon--left{margin-right:16px;} 
/* hover invertido */
.mm-btn--ghost:hover{background:#1B1B1B; color:#EDE7E1; border-color:#1B1B1B;}

/* DERECHA (Registrarme): texto bien a la izquierda y flecha a la derecha */
.mm-btn--primary{
  background:#1F1F1F; color:#EDE7E1; border:0;
  justify-content:space-between;           /* etiqueta a la izquierda / flecha a la derecha */
  padding:0 20px;
  width:224.5px;                           /* opcional, si querés fijar tamaño */
}
/* dejo un “placeholder” a la izquierda para que el texto arranque bien pegado */
.mm-btn--primary .mm-btn__icon--left{width:32px;}
.mm-btn--primary .mm-btn__label{margin-right:auto;}
.mm-btn--primary .mm-btn__icon--right svg{width:32px; height:32px;}
/* hover */
.mm-btn--primary:hover{background:#000; color:#EDE7E1;}

/* ===== Ajustes finos de los dos botones ===== */

/* Tipografía y base (ambos) */
.mm-btn{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  height: 48px;                /* 48px como en el diseño */
  min-width: 224.5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 16px;                   /* espacio icono–texto */
  padding: 0 24px;             /* se ajusta por variante abajo */
  text-decoration: none !important;
}

/* PRIMARIO (negro): texto pegado a la izquierda y flecha totalmente a la derecha */
.mm-btn--primary{
  background:#1F1F1F;
  color:#EDE7E1;
  border:0;
  justify-content: space-between;          /* extremos */
  padding-left: 28px;                       /* un poco más de aire a la izq */
  padding-right: 28px;
}
.mm-btn--primary .mm-btn__label{ margin-right:auto; } /* empuja la flecha a la orilla */
.mm-btn--primary .mm-btn__icon svg{ width:32px; height:32px; display:block; }

/* Hover invierte colores (incluye flecha por currentColor) */
.mm-btn--primary:hover{
  background:#EDE7E1; color:#1F1F1F;
}

/* GHOST (gris): borde negro 1px, texto bien a la derecha (sin centrar) */
.mm-btn--ghost{
  background:#DDD6CF;
  color:#1F1F1F;
  border:1px solid #1E1E1E;                /* borde negro 1px */
  justify-content:flex-start;               /* contenido hacia la izquierda */
  padding-left: 28px;                       /* aire a la izquierda */
  padding-right: 24px;
}
.mm-btn--ghost .mm-btn__label{ margin-left: 8px; } /* separa texto de flecha */
.mm-btn--ghost .mm-btn__icon svg{ width:32px; height:32px; display:block; }

/* Hover ghost (invierte) */
.mm-btn--ghost:hover{
  background:#1F1F1F; color:#EDE7E1; border-color:#1F1F1F;
}

/* Asegura que los SVG sigan el color del texto */
.mm-btn .mm-btn__icon svg{ fill: currentColor; }

/* Contenedor de los dos botones: espacio lateral extra entre ellos (opcional) */
.um-7523.um .um-col-alt .mm-btn{ margin: 0 10px 0 0; }


/* === PARCHE FINAL: forzar layout correcto (pegar al FINAL) === */

.um-7523.um .um-col-alt .mm-btn{
  display:flex !important;                 /* anula el display:grid anterior */
  grid-template-columns:unset !important;
  column-gap:unset !important;
  gap:16px !important;
  padding:0 24px !important;
  height:48px !important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size:20px !important;
  font-weight:700 !important;
}

/* IZQUIERDA (Volver): borde negro 1px y texto a la derecha del icono */
.um-7523.um .um-col-alt .mm-btn--ghost{
  background:#DDD6CF !important;
  color:#1B1B1B !important;
  border:1px solid #1B1B1B !important;     /* 1 px exacto */
  justify-content:flex-start !important;
  padding-left:20px !important;
  padding-right:24px !important;
}
.um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label{
  margin-left:auto !important;             /* corre el texto hacia la derecha */
}

/* DERECHA (Registrarme): texto a la izquierda y flecha a la derecha */
.um-7523.um .um-col-alt .mm-btn--primary{
  background:#1F1F1F !important;
  color:#EDE7E1 !important;
  border:0 !important;
  justify-content:space-between !important; /* extremos */
  padding:0 20px !important;
}
.um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
  margin-right:auto !important;            /* empuja la flecha a la orilla */
}

/* Hovers */
.um-7523.um .um-col-alt .mm-btn--ghost:hover{
  background:#1F1F1F !important; color:#EDE7E1 !important; border-color:#1F1F1F !important;
}
.um-7523.um .um-col-alt .mm-btn--primary:hover{
  background:#EDE7E1 !important; color:#1F1F1F !important;
}

/* Asegura que las flechas acompañen el color del texto */
.um-7523.um .um-col-alt .mm-btn svg{ fill: currentColor !important; }

/* ==== PATCH MINIMAL (pegar al final) ==== */

/* 1) Forzar layout flex y anular centrados anteriores */
.um-7523.um .um-col-alt .mm-btn{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 20px !important;   /* base; ajustamos por variante abajo */
}
.um-7523.um .um-col-alt .mm-btn__label{
  flex:1 1 auto !important;    /* el label ocupa el espacio entre iconos */
  margin:0 !important;
  text-align:left !important;  /* base: izquierda */
}

/* 2) IZQUIERDA (Volver): borde 1px y texto pegado a la derecha */
.um-7523.um .um-col-alt .mm-btn--ghost{
  background:#DDD6CF !important;
  color:#1B1B1B !important;
  border:1px solid #1B1B1B !important;   /* borde negro 1px */
  padding-left:20px !important;          /* aire para la flecha izq */
  padding-right:24px !important;
}
.um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label{
  text-align:right !important;           /* texto al borde derecho */
}
.um-7523.um .um-col-alt .mm-btn--ghost:hover{
  background:#1B1B1B !important;
  color:#EDE7E1 !important;
  border-color:#1B1B1B !important;
}

/* 3) DERECHA (Registrarme): texto a la izquierda, flecha a la derecha,
      y en hover borde negro 1px */
.um-7523.um .um-col-alt .mm-btn--primary{
  background:#1F1F1F !important;
  color:#EDE7E1 !important;
  border:0 !important;                   /* sin borde en reposo */
  padding-left:24px !important;
  padding-right:24px !important;
}
.um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
  text-align:left !important;            /* texto pegado a la izquierda */
}
.um-7523.um .um-col-alt .mm-btn--primary:hover{
  background:#EDE7E1 !important;
  color:#1F1F1F !important;
  border:1px solid #1B1B1B !important;   /* borde negro 1px en hover */
}

/* 4) Asegurar que las flechas hereden color del texto */
.um-7523.um .um-col-alt .mm-btn svg{
  width:32px; height:32px; display:block;
  fill:currentColor !important;
}

/* ===== Responsive móvil (≤ 560px) ===== */
@media (max-width:560px){

  /* Labels “Nombre, Apellido, …” a 14px */
  .um-7523.um .um-field-label label{
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
  }

  /* Inputs más compactos (mantiene pill) */
  .um-7523.um{ --h:52px; } /* baja de 64px a 52px */
  .um-7523.um .um-form input[type="text"],
  .um-7523.um .um-form input[type="email"],
  .um-7523.um .um-form input[type="password"],
  .um-7523.um .um-form textarea,
  .um-7523.um .um-form select{
    font-size:14px !important;
  }

  /* Checkbox: tamaño y separación más amables (opcional) */
  #um_field_7523_terminos .um-field-checkbox-option{
    gap:10px !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }
  #um_field_7523_terminos input[type="checkbox"]{
    width:18px; height:18px;
  }

  /* Botonera: misma línea en móvil */
  .um-7523.um .um-col-alt{
    width:100% !important;
    flex-direction:row !important;   /* una sola fila */
    gap:12px !important;
    margin-top:20px !important;
  }

  /* Botones más bajos y tipografía 14px */
  .um-7523.um .um-col-alt .mm-btn,
  .um-7523.um .um-col-alt .um-button,
  .um-7523.um .um-col-alt input.um-button{
    height:44px !important;
    min-width:0 !important;
    width:50% !important;            /* 2 columnas iguales */
    font-size:14px !important;
    line-height:1 !important;
    padding:0 14px !important;
    gap:10px !important;
  }

  /* Íconos (flechas) más chicos para que entren cómodos */
  .um-7523.um .um-col-alt .mm-btn svg{ width:24px; height:24px; }

  /* Asegurar alineación: Volver (texto a la derecha), Registrarme (texto a la izquierda) */
  .um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label{
    text-align:right !important;
  }
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
    text-align:left !important;
  }
}
/* ===== FIX FINAL (pegar al final) ===== */

/* 1) Botón derecho (Registrarme): texto pegado a la izquierda */
.um-7523.um .um-col-alt input#um-submit-btn.um-button{
  justify-content:flex-start !important;   /* anula el center */
  padding-left:24px !important;            /* ya tenés flecha a la derecha */
  padding-right:56px !important;
  text-align:left !important;
}
/* Hover con borde negro de 1px */
.um-7523.um .um-col-alt input#um-submit-btn.um-button:hover{
  border-width:1px !important;             /* 1px en hover */
  border-color:#1B1B1B !important;
}

/* 2) Botón izquierdo (Volver/Acceder): texto pegado a la derecha */
.um-7523.um .um-col-alt a.um-button.um-alt{
  justify-content:flex-end !important;     /* anula el center */
  padding-left:56px !important;            /* deja aire para la flecha izq */
  padding-right:24px !important;
  text-align:right !important;
}

/* ===== MOBILE FIX (≤560px) — pegar al FINAL ===== */
@media (max-width:560px){

  /* 0) Ocultar el submit nativo de UM (el que se hacía full width) */
  .um-7523.um .um-col-alt input#um-submit-btn,
  .um-7523.um .um-col-alt input#um-submit-btn.um-button{
    display:none !important;
  }

  /* 1) Contenedor de la botonera en una sola fila */
  .um-7523.um .um-col-alt{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    margin-top:20px !important;
  }
  /* evitar “columnas de 50%” de UM */
  .um-7523.um .um-col-alt .um-left,
  .um-7523.um .um-col-alt .um-right{
    width:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
  }

  /* 2) Tamaño + tipografía de ambos botones (152×36, 14px) */
  .um-7523.um .um-col-alt .mm-btn,
  .um-7523.um .um-col-alt a.um-button.um-alt,
  .um-7523.um .um-col-alt button.mm-btn--primary{
    box-sizing:border-box !important;
    flex:0 0 152px !important;   /* ancho fijo */
    width:152px !important;
    height:36px !important;
    border-radius:999px !important;
    padding:0 12px !important;
    gap:8px !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  /* 3) Íconos más chicos (para que entren cómodo) */
  .um-7523.um .um-col-alt .mm-btn svg{ width:20px; height:20px; }

  /* 4) Centrado real del texto y sin “auto margins” que lo sacan del pill */
  .um-7523.um .um-col-alt .mm-btn__label{
    flex:1 1 auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
  .um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label,
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
    margin:0 !important;         /* cancela margin-left:auto / margin-right:auto previos */
    padding:0 !important;        /* cancela paddings globales */
  }

  /* 5) Opcional: deja el contenido equilibrado dentro de cada botón */
  .um-7523.um .um-col-alt .mm-btn{ justify-content:space-between !important; }
  .um-7523.um .um-col-alt .mm-btn__icon--left,
  .um-7523.um .um-col-alt .mm-btn__icon--right{ flex:0 0 20px; }

  /* 6) Por si quedó alguna regla global empujando el label del ghost */
  .um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label{ text-align:center !important; }
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{ text-align:center !important; }
}

/* Limpieza de reglas “globales” que estaban rompiendo el label en móvil */
@media (max-width:560px){
  .um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label,
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width:560px){
  .um-7523.um .um-col-alt{
    width:100% !important;
    margin:20px 0 0 !important;   /* sin auto a los lados */
    padding:0 !important;
    gap:12px !important;
    justify-content:space-between !important;
  }
}

@media (max-width:560px){

  /* base igual para ambos */
  .um-7523.um .um-col-alt .mm-btn{
    flex:1 1 0 !important;   /* cada botón ocupa 1/2 del ancho disponible */
    width:auto !important;
    height:36px !important;
    font-size:14px !important;
    border-radius:999px !important;
    padding:0 12px !important;
    gap:8px !important;
    justify-content:space-between !important;
  }

  /* ----- PRIMARIO (negro) ----- */
  .um-7523.um .um-col-alt .mm-btn--primary{
    padding-inline:12px !important;
  }
  /* “placeholder” a la izquierda del botón negro */
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__icon--left{
    width:20px; height:20px; visibility:hidden; /* reserva el mismo ancho que la flecha derecha */
  }
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__icon--right svg{
    width:20px; height:20px;
  }
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
    flex:1 1 auto !important;
    text-align:center !important;
    margin:0 !important; padding:0 !important;
  }

  /* ----- GHOST (Acceder) para que coincida la altura y centrado ----- */
  .um-7523.um .um-col-alt .mm-btn--ghost{
    padding-inline:12px !important;
  }
  .um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__icon--left svg{
    width:20px; height:20px;
  }
  .um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label{
    flex:1 1 auto !important;
    text-align:center !important;
    margin:0 !important; padding:0 !important;
  }
}

@media (max-width:560px){
  /* Botón negro: corre flecha un poco hacia la izquierda */
  .um-7523.um .um-col-alt .mm-btn--primary{
    padding-left:12px !important;   /* antes 12–14 está bien */
    padding-right:18px !important;  /* ↑ mueve la flecha a la izq */
  }

  /* “Placeholder” izquierdo más angosto => el texto se va levemente a la izq */
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__icon--left{
    width:12px !important;  /* antes 20px; menos = label más a la izq */
    height:20px !important;
    visibility:hidden !important;
  }

  /* Label: un toque más a la izquierda, sin descentrarlo visualmente */
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label{
    text-align:left !important;
    padding-left:4px !important;    /* micro empuje del texto */
    margin:0 !important;
  }

  /* Mantén la flecha en 20px para el balance visual */
  .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__icon--right svg{
    width:20px !important; height:20px !important;
  }
  
  
}

@media (max-width: 560px) {
    .um-7523.um .um-col-alt .mm-btn, .um-7523.um .um-col-alt a.um-button.um-alt, .um-7523.um .um-col-alt button.mm-btn--primary {
        box-sizing: border-box !important;
        flex: 0 0 172px !important;}
}
@media (max-width: 767px) {
    .elementor-9796 .elementor-element.elementor-element-45765f2 {
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 0px;
        --padding-bottom: 0px;
        --padding-left: 0px;
        --padding-right: 30px;
    }
}

@media (max-width: 560px) {
    .um-7523.um .um-col-alt .mm-btn--primary .mm-btn__label {
        text-align: left !important;
        padding-left: 4px !important;
        margin: 0 0 0 -20px !important;
    }
}

.um-half {
    width: 50%;
    margin-left: -10px;
}

.um-7523.um .um-col-alt .mm-btn--ghost .mm-btn__label {
    text-align: right !important;
    padding-left: 0 !important;
}/* End custom CSS */