.elementor-16 .elementor-element.elementor-element-fd061f3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-33e52674{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-562fdaa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:800;color:var( --e-global-color-bae1178 );}.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-16 .elementor-element.elementor-element-6e890de{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#272727;}.elementor-16 .elementor-element.elementor-element-0285762{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-33e52674 *//* =========================
   PROYECTO RD2028 - REGISTER (Ultimate Member)
   ========================= */

:root{
  --pr-bg: #f6f8fb;
  --pr-card: #ffffff;
  --pr-text: #0f172a;
  --pr-muted: #64748b;

  --pr-primary: #0b2d4a;  /* azul oscuro */
  --pr-accent: #f59e0b;   /* naranja */
  --pr-success: #22c55e;  /* verde */
  --pr-border: rgba(15, 23, 42, .12);

  --pr-radius: 18px;
  --pr-shadow: 0 18px 55px rgba(2, 8, 23, .12);
}

/* Sección base */
.pr2028-auth{
  background: var(--pr-bg);
  min-height: 100vh;
}

/* Columna izquierda con imagen (fondo) */
.pr2028-auth__side{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

/* Si usas fondo de columna, esto mejora el look */
.pr2028-auth__side:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(2,6,23,.60), rgba(2,6,23,.10));
  pointer-events:none;
}

/* Columna derecha */
.pr2028-auth__formcol{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 56px 28px;
  background: var(--pr-bg);
}

/* Tarjeta contenedora: la sacamos del propio wrapper de UM */
.pr2028-auth .um{
  width: min(520px, 100%);
}

.pr2028-auth .um .um-form{
  background: var(--pr-card);
  border: 1px solid var(--pr-border);
  border-radius: var(--pr-radius);
  box-shadow: var(--pr-shadow);
  padding: 26px 22px;
}

/* Oculta el título default si aparece duplicado */
.pr2028-auth .um-header,
.pr2028-auth .um-form .um-field-label .um-field-label-icon{
  display:none !important;
}

/* Tipografías */
.pr2028-auth,
.pr2028-auth input,
.pr2028-auth select,
.pr2028-auth textarea,
.pr2028-auth button{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Labels */
.pr2028-auth .um-field-label label{
  color: var(--pr-text) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .2px;
}

/* Inputs */
.pr2028-auth .um-field input[type="text"],
.pr2028-auth .um-field input[type="password"],
.pr2028-auth .um-field input[type="email"],
.pr2028-auth .um-field input[type="tel"],
.pr2028-auth .um-field select,
.pr2028-auth .um-field textarea{
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  height: auto !important;
  color: var(--pr-text) !important;
  transition: box-shadow .2s ease, border-color .2s ease, transform .08s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.pr2028-auth .um-field input:focus,
.pr2028-auth .um-field select:focus,
.pr2028-auth .um-field textarea:focus{
  outline: none !important;
  border-color: rgba(245,158,11,.8) !important;
  box-shadow: 0 0 0 4px rgba(245,158,11,.18) !important;
}

/* Espaciado entre campos */
.pr2028-auth .um-field{
  margin-bottom: 14px !important;
}

/* Botón principal */
.pr2028-auth .um-form input[type="submit"].um-button,
.pr2028-auth .um-form a.um-button{
  width: 100% !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, var(--pr-accent), #f7b032) !important;
  color: #0b1220 !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  box-shadow: 0 14px 30px rgba(245,158,11,.24) !important;
  transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
}

.pr2028-auth .um-form input[type="submit"].um-button:hover,
.pr2028-auth .um-form a.um-button:hover{
  transform: translateY(-1px);
  filter: saturate(1.08);
  box-shadow: 0 18px 40px rgba(245,158,11,.30) !important;
}

/* Links (login / forgot / etc) */
.pr2028-auth .um a{
  color: var(--pr-primary) !important;
  font-weight: 600;
}
.pr2028-auth .um a:hover{
  color: #083054 !important;
  text-decoration: underline;
}

/* Mensajes / validaciones */
.pr2028-auth .um-field-error,
.pr2028-auth .um-field-valid{
  border-radius: 12px;
}

/* Ajuste del dropdown (Provincia) para que no quede raro */
.pr2028-auth .um-field select{
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(15,23,42,.55) 50%),
    linear-gradient(135deg, rgba(15,23,42,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Mobile: apila imagen arriba */
@media (max-width: 900px){
  .pr2028-auth__side{
    min-height: 240px;
  }
  .pr2028-auth__formcol{
    min-height: auto;
    padding: 28px 18px;
  }
  .pr2028-auth .um .um-form{
    padding: 22px 18px;
  }
}

/* Ajuste visual cuando el card es ancho */
.pr2028-auth .um-field-label label{
  font-size: 13px !important;
}

.pr2028-auth .um-field input,
.pr2028-auth .um-field select{
  padding: 13px 14px !important;
}/* End custom CSS */