.elementor-990066 .elementor-element.elementor-element-56993d75:not(.elementor-motion-effects-element-type-background), .elementor-990066 .elementor-element.elementor-element-56993d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(121deg, #164667 0%, #2A85C5 100%);}.elementor-990066 .elementor-element.elementor-element-56993d75 > .elementor-container{min-height:200px;}.elementor-990066 .elementor-element.elementor-element-56993d75{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:0px 0px 0px 50px;}.elementor-990066 .elementor-element.elementor-element-56993d75 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-990066 .elementor-element.elementor-element-7a3276f6 > .elementor-element-populated, .elementor-990066 .elementor-element.elementor-element-7a3276f6 > .elementor-element-populated > .elementor-background-overlay, .elementor-990066 .elementor-element.elementor-element-7a3276f6 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-990066 .elementor-element.elementor-element-7a3276f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 0px 20px 10px;}.elementor-990066 .elementor-element.elementor-element-240aa98f > .elementor-container{max-width:1200px;}.elementor-990066 .elementor-element.elementor-element-13197f91 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 10px;border-color:#C52424;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 0px 20px 10px;}.elementor-990066 .elementor-element.elementor-element-13197f91 > .elementor-element-populated, .elementor-990066 .elementor-element.elementor-element-13197f91 > .elementor-element-populated > .elementor-background-overlay, .elementor-990066 .elementor-element.elementor-element-13197f91 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.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-990066 .elementor-element.elementor-element-5563fb42 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-990066 .elementor-element.elementor-element-13b21c0{--display:flex;}/* Start custom CSS *//* ========================================================= AVANZAR - WP-MEMBERS FORMULARIO REGISTRO EXACTO EN 2 COLUMNAS ========================================================= */ #wpmem_reg { max-width: 980px !important; width: calc(100% - 40px) !important; margin: 45px auto 60px !important; padding: 42px 48px !important; background: #ffffff; border: 1px solid #dfe5ec; border-radius: 18px; box-shadow: 0 14px 40px rgba(21, 64, 123, 0.10); box-sizing: border-box; } /* ========================================================= GRID PRINCIPAL ========================================================= */ #wpmem_reg fieldset { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-areas: "titulo titulo" "lbl-nombre lbl-apellidos" "nombre apellidos" "lbl-documento lbl-email" "documento email" "lbl-password lbl-confirmar" "password confirmar" "boton boton" "obligatorio obligatorio"; column-gap: 28px !important; row-gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box; } /* ========================================================= TÍTULO ========================================================= */ #wpmem_reg legend { grid-area: titulo !important; width: 100% !important; margin: 0 0 26px !important; padding: 0 !important; color: #17263a !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.25 !important; } /* ========================================================= LABELS GENERALES ========================================================= */ #wpmem_reg label { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; color: #15407B !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.35 !important; box-sizing: border-box; } /* ========================================================= UBICACIÓN DE LABELS ========================================================= */ #wpmem_reg label[for="first_name"] { grid-area: lbl-nombre !important; } #wpmem_reg label[for="last_name"] { grid-area: lbl-apellidos !important; } #wpmem_reg label[for="documentoidentidad"] { grid-area: lbl-documento !important; } #wpmem_reg label[for="user_email"] { grid-area: lbl-email !important; } #wpmem_reg label[for="password"] { grid-area: lbl-password !important; } #wpmem_reg label[for="confirm_password"] { grid-area: lbl-confirmar !important; } /* ========================================================= CONTENEDORES ========================================================= */ #wpmem_reg .div_text, #wpmem_reg .div_number { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; float: none !important; clear: none !important; box-sizing: border-box !important; } /* ========================================================= UBICACIÓN EXACTA DE CAMPOS ========================================================= */ /* Nombre */ #wpmem_reg #first_name { width: 100% !important; } #wpmem_reg .div_text:has(#first_name) { grid-area: nombre !important; } /* Apellidos */ #wpmem_reg .div_text:has(#last_name) { grid-area: apellidos !important; } /* Documento */ #wpmem_reg .div_number:has(#documentoidentidad) { grid-area: documento !important; } /* Email */ #wpmem_reg .div_text:has(#user_email) { grid-area: email !important; } /* Contraseña */ #wpmem_reg .div_text:has(#password) { grid-area: password !important; } /* Confirmar contraseña */ #wpmem_reg .div_text:has(#confirm_password) { grid-area: confirmar !important; } /* ========================================================= INPUTS ========================================================= */ #wpmem_reg input[type="text"], #wpmem_reg input[type="email"], #wpmem_reg input[type="password"], #wpmem_reg input[type="number"] { display: block !important; width: 100% !important; max-width: 100% !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 11px 14px !important; background: #ffffff !important; border: 1px solid #cbd6e2 !important; border-radius: 9px !important; color: #263648 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; box-shadow: none !important; outline: none !important; box-sizing: border-box !important; transition: border-color .2s ease, box-shadow .2s ease; } /* FOCUS */ #wpmem_reg input[type="text"]:focus, #wpmem_reg input[type="email"]:focus, #wpmem_reg input[type="password"]:focus, #wpmem_reg input[type="number"]:focus { border-color: #15407B !important; box-shadow: 0 0 0 3px rgba(21, 64, 123, 0.10) !important; } /* ========================================================= ASTERISCO ========================================================= */ #wpmem_reg .req { color: #BD1B33 !important; } /* ========================================================= BOTÓN ========================================================= */ #wpmem_reg .button_div { grid-area: boton !important; display: flex !important; justify-content: flex-end !important; width: 100% !important; margin: 4px 0 0 !important; padding: 0 !important; float: none !important; clear: none !important; } #wpmem_reg input[type="submit"], #wpmem_reg .buttons { width: auto !important; min-width: 130px !important; min-height: 46px !important; padding: 11px 28px !important; background: #BD1B33 !important; border: 1px solid #BD1B33 !important; border-radius: 999px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; } #wpmem_reg input[type="submit"]:hover, #wpmem_reg .buttons:hover { background: #9f162b !important; border-color: #9f162b !important; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(189, 27, 51, 0.20); } /* ========================================================= CAMPO OBLIGATORIO ========================================================= */ #wpmem_reg .req-text { grid-area: obligatorio !important; width: 100% !important; margin-top: 10px !important; color: #66788a !important; font-size: 12px !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 768px) { #wpmem_reg { width: calc(100% - 24px) !important; margin: 28px auto 40px !important; padding: 28px 20px !important; border-radius: 14px; } #wpmem_reg fieldset { grid-template-columns: 1fr !important; grid-template-areas: "titulo" "lbl-nombre" "nombre" "lbl-apellidos" "apellidos" "lbl-documento" "documento" "lbl-email" "email" "lbl-password" "password" "lbl-confirmar" "confirmar" "boton" "obligatorio"; column-gap: 0 !important; } #wpmem_reg legend { font-size: 23px !important; } #wpmem_reg .button_div { justify-content: center !important; margin-top: 8px !important; } #wpmem_reg input[type="submit"], #wpmem_reg .buttons { width: 100% !important; } }/* End custom CSS */