.elementor-9795 .elementor-element.elementor-element-4d92ae0e{--display:flex;--min-height:600px;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9795 .elementor-element.elementor-element-14a93f5{text-align:center;}@media(max-width:767px){.elementor-9795 .elementor-element.elementor-element-14a93f5{text-align:left;}}/* Start custom CSS for shortcode, class: .elementor-element-5e9b4845 *//* =========================
   UM 7524 — Inputs y labels
   ========================= */
.um.um-login.um-7524{
  --ink:#0F172A;
  --bd:#151515;
  --field-bg:#F4EEE6;
  --pill:999px;
  --h:64px;
  --vline:#151515;
  --vline-x:22px;
}

/* Labels */
.um.um-login.um-7524 .um-field-label label{
  font-size:20px !important;
  line-height:22px !important;
  font-weight:800 !important;
  color:var(--ink) !important;
}
.um.um-login.um-7524 .um-field .um-req{ color:#E24A3B !important; }

/* Inputs */
.um.um-login.um-7524 #um_field_7524_username .um-form-field,
.um.um-login.um-7524 #um_field_7524_user_password .um-form-field{
  height:var(--h);
  width:100% !important;
  border:2px solid var(--bd) !important;
  border-radius:var(--pill) !important;
  background:
    linear-gradient(var(--vline),var(--vline)) var(--vline-x) 50%/1.5px 48% no-repeat,
    var(--field-bg) !important;
  padding:0 18px 0 calc(var(--vline-x) + 18px) !important;
  font-size:16px !important;
  color:var(--ink) !important;
  box-shadow:none !important;
  outline:0 !important;
  -webkit-appearance:none;
  background-clip:padding-box;
}
.um.um-login.um-7524 #um_field_7524_username .um-form-field:focus,
.um.um-login.um-7524 #um_field_7524_user_password .um-form-field:focus{
  border-color:var(--bd) !important;
  box-shadow:none !important;
}
.um.um-login.um-7524 #um_field_7524_username .um-form-field::placeholder,
.um.um-login.um-7524 #um_field_7524_user_password .um-form-field::placeholder{
  color:#7A7A7A; opacity:1;
}

@media (max-width:560px){
  .um.um-login.um-7524{ --h:52px; }
  .um.um-login.um-7524 .um-field-label label{ font-size:14px !important; line-height:1.25 !important; font-weight:700 !important; }
  .um.um-login.um-7524 #um_field_7524_username .um-form-field,
  .um.um-login.um-7524 #um_field_7524_user_password .um-form-field{ font-size:14px !important; }
}

/* =========================
   UM 7524 — Botonera (473px)
   ========================= */

/* 0) OCULTAR submit nativo (para que no duplique el botón negro) */
.um.um-login.um-7524 .um-col-alt input#um-submit-btn.um-button{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important; height:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}

/* 1) Contenedor de botones: 473px exactos (208 + 16 + 249) */
.um.um-login.um-7524 .um-col-alt{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  width:472px !important;
  max-width:100% !important;
  margin:0 auto !important;
}

/* 2) Botones custom creados por JS (.mm-btn) */
.um.um-login.um-7524 .mm-btn{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  height:48px !important;
  border-radius:999px !important;
  font:700 20px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  border:1px solid transparent !important;
  padding:0 24px !important;
  position:relative !important;
  cursor:pointer !important;
  min-width:0 !important;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
/* Neutraliza pseudo-elementos globales del theme */
.um.um-login.um-7524 .mm-btn::before,
.um.um-login.um-7524 .mm-btn::after{ content:none !important; background:none !important; }

/* 3) Izquierda = Registrarme (ghost) — 208px */
.um.um-login.um-7524 .mm-btn--ghost{
  flex:0 0 208px !important;
  background:#DDD6CF !important;
  color:#1B1B1B !important;
  border-color:#1B1B1B !important;
  padding-left:28px !important;   /* aire para flecha */
  padding-right:24px !important;
  text-align:right !important;
}
.um.um-login.um-7524 .mm-btn--ghost:hover{
  background:#1B1B1B !important; color:#EDE7E1 !important; border-color:#1B1B1B !important;
}

/* 4) Derecha = Iniciar sesión (primario) — 249px */
.um.um-login.um-7524 .mm-btn--primary{
  flex:0 0 249px !important;
  background:#1F1F1F !important; color:#EDE7E1 !important; border:1px solid #1F1F1F !important;
  justify-content:flex-start !important;   /* texto a la izq */
  padding-left:28px !important;
  padding-right:64px !important;           /* aire flecha */
  white-space:normal !important;           /* 2 líneas si hace falta */
}
.um.um-login.um-7524 .mm-btn--primary:hover{
  background:#EDE7E1 !important; color:#1F1F1F !important; border-color:#1B1B1B !important;
}

/* 5) Iconos dentro de .mm-btn (SVG inline del JS) */
.um.um-login.um-7524 .mm-btn .mm-btn__icon svg{
  width:32px; height:32px; display:block; fill:currentColor;
}

/* 6) Responsive: colapsa proporcional si el contenedor es menor */
@media (max-width:560px){
  .um.um-login.um-7524 .um-col-alt{ width:100% !important; gap:12px !important; }
  .um.um-login.um-7524 .mm-btn--ghost{   flex:1 1 45.5% !important; }
  .um.um-login.um-7524 .mm-btn--primary{ flex:1 1 54.5% !important; }
}

/* === Alinear la botonera al borde izquierdo de los campos === */
.um.um-login.um-7524 .um-col-alt{
  margin-left:0 !important;
  margin-right:0 !important;
  justify-content:flex-start !important;   /* empieza donde empiezan los campos */
}

/* === Botón primario: texto una sola línea + flecha a la derecha === */
.um.um-login.um-7524 .mm-btn--primary{
  /* mantiene 249px de ancho desde tu CSS anterior */
  justify-content:flex-start !important;   /* texto a la izquierda */
  padding-left:28px !important;
  padding-right:24px !important;           /* icono tocará el borde interno derecho */
}

.um.um-login.um-7524 .mm-btn--primary .mm-btn__label{
  white-space:nowrap !important;           /* “Iniciar sesión” en 1 línea */
}

.um.um-login.um-7524 .mm-btn--primary .mm-btn__icon{
  margin-left:auto !important;             /* empuja la flecha al extremo derecho */
}
.um.um-login.um-7524 .mm-btn--primary .mm-btn__icon svg{
  width:32px; height:32px; display:block; fill:currentColor;
}

/* === Botón ghost: icono fijo a la izquierda sin desplazar el texto === */
.um.um-login.um-7524 .mm-btn--ghost .mm-btn__icon{
  margin:0 12px 0 0 !important;            /* separa icono del texto */
}

.um.um-login.um-7524 .um-col-alt {
    margin-left: -10px !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
}

.um.um-login.um-7524 .um-col-alt {
    display: flex !important
;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 472px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    margin-left: -10px !important;
}

/* ===== Mobile (≤560px): fila al ancho del form + 14px ===== */
@media (max-width:560px){
  /* La fila toma el 100% del ancho del contenedor de los campos */
  .um.um-login.um-7524 .um-col-alt{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    justify-content:flex-start !important;
    gap:12px !important;
  }

  /* Botones compactos y tipografía 14px */
  .um.um-login.um-7524 .mm-btn{
    height:40px !important;
    font-size:14px !important;
    padding:0 12px !important;
    min-width:0 !important;          /* evita desbordes */
  }
  .um.um-login.um-7524 .mm-btn__icon svg{ width:20px; height:20px; }

  /* Proporción (aprox 46% / 54%) dentro del 100% */
  .um.um-login.um-7524 .mm-btn--ghost{
    flex:1 1 45.5% !important;
    padding-left:14px !important;
    padding-right:10px !important;
  }
  .um.um-login.um-7524 .mm-btn--primary{
    flex:1 1 54.5% !important;
    padding-left:14px !important;     /* texto pegado a la izq */
    padding-right:14px !important;     /* contenedor del icono */
  }

  /* Etiquetas en una sola línea */
  .um.um-login.um-7524 .mm-btn--primary .mm-btn__label,
  .um.um-login.um-7524 .mm-btn--ghost   .mm-btn__label{
    white-space:nowrap !important;
  }

  /* Flecha del primario al extremo derecho */
  .um.um-login.um-7524 .mm-btn--primary .mm-btn__icon{
    margin-left:auto !important;
  }
}

/* ===== MOBILE (≤560px): 100% del form, tipografía 14px, flechas 18px ===== */
@media (max-width:560px){
  .um.um-login.um-7524 .um-col-alt{
    width:100% !important; max-width:100% !important;
    gap:12px !important; margin:0 !important;
  }
  .um.um-login.um-7524 .um-col-alt a.um-button.um-alt,
  .um.um-login.um-7524 .um-col-alt input#um-submit-btn{
    height:40px !important;
    font-size:14px !important;
    padding:0 12px !important;
  }

  /* Proporción 46/54 dentro del 100% */
  .um.um-login.um-7524 .um-col-alt a.um-button.um-alt{ flex:1 1 45.5% !important; padding-left:28px !important; }
  .um.um-login.um-7524 .um-col-alt input#um-submit-btn{
    flex:1 1 54.5% !important; padding-left:12px !important; padding-right:36px !important;
  }

  /* Flechas a 18px y más pegadas */
  .um.um-login.um-7524 .um-col-alt a.um-button.um-alt::before{ width:18px; height:18px; left:10px; }
  .um.um-login.um-7524 .um-col-alt input#um-submit-btn::after{ width:18px; height:18px; right:10px; }
}

/* ===== SOLO MÓVIL (≤560px) — botonera pegada a la izquierda ===== */
@media (max-width:560px){
  /* Fila de botones: ocupar 100% del ancho del form, sin márgenes extras */
  .um.um-login.um-7524 .um-col-alt{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    gap:12px !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
  }

  /* Tamaño de botones en mobile */
  .um.um-login.um-7524 .um-col-alt a.um-button.um-alt,
  .um.um-login.um-7524 .um-col-alt input#um-submit-btn{
    height:44px !important;
    font-size:16px !important;      /* + tamaño para “Iniciar sesión” */
    line-height:1 !important;
    padding:0 14px !important;
    border-width:1px !important;
    white-space:nowrap !important;  /* “Iniciar sesión” en 1 línea */
    min-width:0 !important;
  }

  /* Proporción 46% / 54% dentro del 100% */
  .um.um-login.um-7524 .um-col-alt a.um-button.um-alt{
    flex:1 1 46% !important;
    padding-left:36px !important;   /* espacio para la flecha de 20px */
    padding-right:12px !important;
  }
  .um.um-login.um-7524 .um-col-alt input#um-submit-btn{
    flex:1 1 54% !important;
    justify-content:flex-start !important; /* texto bien a la IZQ */
    padding-left:14px !important;
    padding-right:40px !important;  /* espacio para flecha derecha */
  }

  /* Flechas 20×20 px */
  .um.um-login.um-7524 .um-col-alt a.um-button.um-alt::before{
    width:20px; height:20px;
    left:12px; top:50%; transform:translateY(-50%);
  }
  .um.um-login.um-7524 .um-col-alt input#um-submit-btn::after{
    width:20px; height:20px;
    right:12px; top:50%; transform:translateY(-50%);
  }
}

/* =========================
   UM 7524 — BOTONERA LIMPIA
   ========================= */

/* Ocultar submit nativo para evitar botón duplicado */
.um.um-login.um-7524 .um-col-alt input#um-submit-btn.um-button{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important;
}

/* === Neutralizar wrappers internos de UM (no deben afectar el layout) === */
.um.um-login.um-7524 .um-col-alt > .um-left,
.um.um-login.um-7524 .um-col-alt > .um-right,
.um.um-login.um-7524 .um-col-alt > .um-clear,
.um.um-login.um-7524 .um-col-alt > .um-col-alt-b{
  display: contents !important;      /* los hijos (nuestros botones) pasan a ser directos del flex */
  margin:0 !important; padding:0 !important; width:auto !important;
}

/* === Fila de botones (DESKTOP): ancho exacto 473 px, pegada a la izq === */
.um.um-login.um-7524 .um-col-alt{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  width:473px !important;             /* 208 + 16 + 249 */
  max-width:100% !important;
  margin:0 !important;                /* sin desplazamientos */
  padding:0 !important;
}

/* === Botones base (.mm-btn creados por tu JS) === */
.um.um-login.um-7524 .mm-btn{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  height:48px !important;
  border-radius:999px !important;
  font:700 20px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing:0 !important;
  border:1px solid transparent !important;
  text-decoration:none !important;
  padding:0 24px !important;
  min-width:0 !important;
  position:relative !important;
  transition:background-color .15s, color .15s, border-color .15s, transform .15s;
}
.um.um-login.um-7524 .mm-btn::before,
.um.um-login.um-7524 .mm-btn::after{ content:none !important; background:none !important; }

/* Ghost (izquierda) — 208 px */
.um.um-login.um-7524 .mm-btn--ghost{
  flex:0 0 208px !important;
  background:#DDD6CF !important;
  color:#1B1B1B !important;
  border-color:#1B1B1B !important;
  padding-left:28px !important;      /* aire para flecha */
  padding-right:24px !important;
}
.um.um-login.um-7524 .mm-btn--ghost:hover{
  background:#1B1B1B !important; color:#EDE7E1 !important; border-color:#1B1B1B !important; transform:translateY(-1px);
}

/* Primario (derecha) — 249 px; texto a la izq y flecha a la derecha */
.um.um-login.um-7524 .mm-btn--primary{
  flex:0 0 249px !important;
  background:#1F1F1F !important; color:#EDE7E1 !important; border:1px solid #1F1F1F !important;
  justify-content:flex-start !important;  /* texto a la IZQ */
  padding-left:28px !important;
  padding-right:24px !important;          /* la flecha se empuja con margin-left:auto */
  white-space:nowrap !important;           /* “Iniciar sesión” en una sola línea */
}
.um.um-login.um-7524 .mm-btn--primary:hover{
  background:#EDE7E1 !important; color:#1F1F1F !important; border-color:#1B1B1B !important; transform:translateY(-1px);
}
.um.um-login.um-7524 .mm-btn--primary .mm-btn__icon{ margin-left:auto !important; }

/* Tamaño de íconos (desktop) */
.um.um-login.um-7524 .mm-btn .mm-btn__icon svg{ width:32px; height:32px; display:block; fill:currentColor; }

/* =========================
   MÓVIL (≤560px)
   ========================= */
@media (max-width:560px){
  /* Fila ocupa 100% del ancho del form, pegada a la izquierda */
  .um.um-login.um-7524 .um-col-alt{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    gap:12px !important;
    justify-content:flex-start !important;
  }

  /* Botones compactos, tipografía 14px */
  .um.um-login.um-7524 .mm-btn{
    height:40px !important;
    font-size:14px !important;
    padding:0 12px !important;
  }

  /* Proporción 46% / 54% dentro del 100% */
  .um.um-login.um-7524 .mm-btn--ghost  { flex:1 1 46% !important; padding-left:28px !important; padding-right:10px !important; }
  .um.um-login.um-7524 .mm-btn--primary{ flex:1 1 54% !important; padding-left:12px !important; padding-right:12px !important; }

  /* Flechas 20×20 y más pegadas a los bordes */
  .um.um-login.um-7524 .mm-btn .mm-btn__icon svg{ width:20px; height:20px; }
  .um.um-login.um-7524 .mm-btn--ghost  .mm-btn__icon{ margin-right:8px !important; } /* izq: flecha + texto */
  .um.um-login.um-7524 .mm-btn--primary .mm-btn__icon{ margin-left:auto !important; } /* der: flecha al borde */
}

/* Desktop: acercar flecha y texto en "Registrarme" */
.um.um-login.um-7524 .mm-btn--ghost{
  padding-left:18px !important;   /* antes 28px */
}
.um.um-login.um-7524 .mm-btn--ghost .mm-btn__icon{
  margin-right:10px !important;   /* antes ~12px */
}

/* Mobile (≤560px): mismo ajuste, un toque más compacto */
@media (max-width:560px){
  .um.um-login.um-7524 .mm-btn--ghost{
    padding-left:10px !important; /* antes 28px / 36px según bloques */
    padding-right:10px !important;
  }
  .um.um-login.um-7524 .mm-btn--ghost .mm-btn__icon{
    margin-right:8px !important;
  }
}

/* Asegurar que los íconos hereden el color del botón */
.um.um-login.um-7524 .mm-btn .mm-btn__icon,
.um.um-login.um-7524 .mm-btn .mm-btn__icon svg,
.um.um-login.um-7524 .mm-btn .mm-btn__icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
  color: inherit !important;              /* por si algún reset pisa el color */
  transition: fill .15s ease, stroke .15s ease, color .15s ease;
}

/* Asegurar que el color cambie en hover (el SVG acompaña por currentColor) */
.um.um-login.um-7524 .mm-btn--ghost:hover{
  color:#EDE7E1 !important;               /* ya cambiabas bg/border */
}
.um.um-login.um-7524 .mm-btn--primary:hover{
  color:#1F1F1F !important;
}

/* Por si quedara algún pseudo-icono del theme activo accidentalmente */
.um.um-login.um-7524 .mm-btn::before,
.um.um-login.um-7524 .mm-btn::after{
  content:none !important;
}

/* ===== Espacios de la fila de botones (um-col-alt) ===== */

/* Desktop (≥561px): margen arriba y abajo */
@media (min-width:561px){
  .um.um-login.um-7524 .um-col-alt{
    margin: 40px 0 40px 0 !important;   /* arriba 28px, abajo 40px */
    margin-left: 0 !important;          /* por si quedó algún offset previo */
  }
}

/* Mobile (≤560px): solo margen abajo */
@media (max-width:560px){
  .um.um-login.um-7524 .um-col-alt{
    margin: 0 0 24px 0 !important;      /* solo abajo */
    margin-left: 0 !important;          /* evitar sangría a la izquierda */
  }
}

/* UM 7524 — Forzar color del link "¿Has olvidado tu contraseña?" */
.um.um-login.um-7524 a.um-link-alt,
.um.um-login.um-7524 .um-col-alt-b a.um-link-alt,
.um.um-login.um-7524 a.um-link-alt:link,
.um.um-login.um-7524 a.um-link-alt:visited {
  color:#262626 !important;
  text-decoration:none !important;
}

.um.um-login.um-7524 a.um-link-alt:hover,
.um.um-login.um-7524 a.um-link-alt:focus {
  color:#0F172A !important; /* opcional para hover/focus */
  text-decoration:underline; /* o 'none' si no querés subrayado */
}/* End custom CSS */