/* akcon: global */
/* Nova · Acceso: login de clientes (/login/), Mi cuenta (WooCommerce), recuperar contraseña y área de afiliados (SliceWP). AK Community 2026-11 */

/* ---------- Encabezado de las páginas de acceso ---------- */
.nn.nn-acceso-hero{overflow:visible}
.nn.nn-acceso-hero .phero{padding:40px 0 28px;background:transparent}
.nn.nn-acceso-hero .w{max-width:640px;text-align:center}
.nn.nn-acceso-hero h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:0 0 .3em}
.nn.nn-acceso-hero .kick{margin-bottom:8px}
.nn.nn-acceso-hero .lead{margin:0 auto;font-size:19px;max-width:520px}
/* Mi cuenta: un encabezado según la pantalla */
.nn-solo-lost,.nn-solo-socio{display:none}
body.logged-in .nn-solo-visita{display:none}
body.logged-in .nn-solo-socio{display:block}
body.woocommerce-lost-password .nn-solo-visita,
body.woocommerce-lost-password .nn-solo-socio{display:none}
body.woocommerce-lost-password .nn-solo-lost{display:block}

/* ---------- Fondo suave de marca ---------- */
.elementor-3407,.elementor-5010,.elementor-3400,.nn-acceso-page{background:linear-gradient(170deg,#eaf8e6 0%,#fbfdfa 55%,#fff 100%)!important;padding-bottom:72px!important}
body.page-id-5010{background-color:#eaf8e6!important}
.elementor-3407 .elementor-element-cc2d9bd,
.elementor-3400 .elementor-element-5b3713c{background:transparent!important;--background-overlay:none}
.elementor-3407 .elementor-element-cc2d9bd::before,
.elementor-3400 .elementor-element-5b3713c::before{background:none!important;opacity:0!important}

/* ---------- Tarjeta de los formularios ---------- */
#ur-frontend-form.login,
#slicewp-affiliate-login-form,
#slicewp-affiliate-lost-password-form,
#slicewp-affiliate-reset-password-form,
body.woocommerce-lost-password form.lost_reset_password{box-sizing:border-box;width:calc(100% - 32px);max-width:520px;margin:0 auto 24px!important;padding:32px 28px!important;background:#fff!important;border:1px solid #e3e8e2!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(33,29,34,.08)!important;font-family:var(--nn-font,'Montserrat',Arial,sans-serif);color:#2b262c}
#slicewp-affiliate-lost-password-form>p,
body.woocommerce-lost-password form.lost_reset_password>p:first-child{font-size:16px!important;line-height:1.5;color:#5a565b!important;margin:0 0 20px!important}

/* Etiquetas */
#ur-frontend-form.login label,
.slicewp-form .slicewp-field-label-wrapper label,
body.woocommerce-lost-password form.lost_reset_password label,
#customer_login form label{display:block;font-family:var(--nn-font,'Montserrat',Arial,sans-serif)!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;color:#2b262c!important;margin:0 0 8px!important}
#ur-frontend-form.login .required,
.slicewp-form .slicewp-field-required-marker,
body.woocommerce-lost-password form.lost_reset_password .required,
#customer_login .required{color:#3a854d!important}
.slicewp-form .slicewp-field-wrapper{margin-bottom:20px}
#ur-frontend-form.login .user-registration-form-row{margin-bottom:20px!important}
body.woocommerce-lost-password form.lost_reset_password .form-row,
#customer_login form .form-row{width:100%!important;float:none!important;padding:0!important;margin:0 0 20px!important}
body.woocommerce-lost-password form.lost_reset_password .clear{display:none}

/* Campos */
#ur-frontend-form.login input.input-text,
.slicewp-form .slicewp-field-wrapper input[type=text],
.slicewp-form .slicewp-field-wrapper input[type=email],
.slicewp-form .slicewp-field-wrapper input[type=password],
body.woocommerce-lost-password form.lost_reset_password input.input-text,
#customer_login form input.input-text{width:100%!important;box-sizing:border-box;min-height:54px!important;padding:12px 16px!important;border:2px solid #e3e8e2!important;border-radius:14px!important;background:#fff!important;font-family:var(--nn-font,'Montserrat',Arial,sans-serif)!important;font-size:17px!important;color:#2b262c!important;box-shadow:none!important;margin:0!important}
#ur-frontend-form.login input[type=password],
.slicewp-form .slicewp-field-wrapper input[type=password],
body.woocommerce-lost-password form.lost_reset_password input[type=password],
#customer_login form input[type=password]{padding-right:48px!important}
#ur-frontend-form.login input.input-text:focus,
.slicewp-form .slicewp-field-wrapper input:focus,
body.woocommerce-lost-password form.lost_reset_password input.input-text:focus,
#customer_login form input.input-text:focus{border-color:#3a854d!important;box-shadow:0 0 0 4px rgba(83,203,69,.2)!important;outline:none!important}
.slicewp-form .slicewp-show-hide-password,
.slicewp-form .slicewp-show-hide-password svg,
#customer_login .show-password-input{color:#3a854d!important}
#ur-frontend-form.login .password_preview{color:#5a565b!important}

/* Recordarme + ¿Olvidaste tu contraseña? */
#ur-frontend-form.login .user-registration-before-login-btn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 20px}
#ur-frontend-form.login .user-registration-form__label-for-checkbox,
#customer_login .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 18px!important;font-size:15px!important;font-weight:600!important;color:#2b262c!important}
#ur-frontend-form.login .user-registration-form__label-for-checkbox{margin:0!important}
#ur-frontend-form.login input[type=checkbox],
#customer_login input[type=checkbox]{accent-color:#3a854d;width:18px;height:18px;margin:0}
#ur-frontend-form.login .lost_password a,
#ur-frontend-form.login .user-registration-register a,
.slicewp-lost-password a,
#customer_login .lost_password a,
.elementor-3400 .elementor-element-26d6032 a{color:#3a854d!important;font-weight:700!important;font-size:15px!important;text-decoration:underline!important;text-underline-offset:3px}
#customer_login .lost_password{text-align:center;margin:16px 0 0!important}
.elementor-3400 .elementor-element-26d6032{display:none}
body.woocommerce-lost-password .elementor-3400 .elementor-element-26d6032{display:block;text-align:center;font-size:15px;color:#5a565b}

/* Botón principal */
#ur-frontend-form.login .ur-submit-button,
.slicewp-form .slicewp-button-primary,
body.woocommerce-lost-password form.lost_reset_password .woocommerce-Button,
#customer_login form .woocommerce-button,
#customer_login form button[type=submit]{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:56px!important;padding:14px 22px!important;margin:0!important;border:0!important;border-radius:14px!important;background:#53cb45!important;color:#1d1a1e!important;font-family:var(--nn-font,'Montserrat',Arial,sans-serif)!important;font-weight:800!important;font-size:17px!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 10px 24px rgba(83,203,69,.3)!important;cursor:pointer;transition:transform .2s,box-shadow .2s}
#ur-frontend-form.login .ur-submit-button:hover,
.slicewp-form .slicewp-button-primary:hover,
body.woocommerce-lost-password form.lost_reset_password .woocommerce-Button:hover,
#customer_login form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(83,203,69,.45)!important}
#ur-frontend-form.login .ur-submit-button:focus-visible,
.slicewp-form .slicewp-button-primary:focus-visible,
body.woocommerce-lost-password form.lost_reset_password .woocommerce-Button:focus-visible,
#customer_login form button[type=submit]:focus-visible{outline:3px solid #2b262c!important;outline-offset:3px}

/* Enlaces bajo el botón */
#ur-frontend-form.login .user-registration-register{text-align:center;margin-top:18px}
.slicewp-lost-password{text-align:center;margin-top:18px!important}

/* Avisos */
.slicewp-user-notice{border-width:1px!important;border-radius:14px!important;font-size:16px}
.slicewp-user-notice.slicewp-updated{background:#e8f7e5!important;border-color:#53cb45!important}
.elementor-3400 .woocommerce-message,
.elementor-3400 .woocommerce-error,
.elementor-3400 .woocommerce-info{border-radius:14px!important}
body.woocommerce-lost-password .woocommerce-message,
body.woocommerce-lost-password .woocommerce-error,
body.woocommerce-lost-password .woocommerce-info{max-width:520px;margin:0 auto 16px!important;box-sizing:border-box;width:calc(100% - 32px)}

/* ---------- Mi cuenta (WooCommerce): acceder y registrarse ---------- */
.elementor-3400 .elementor-element-7b4731d{width:100%!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
#customer_login{display:grid!important;grid-template-columns:1fr;gap:24px;max-width:1080px;margin:0 auto!important;padding:0 16px;box-sizing:border-box}
#customer_login::before,#customer_login::after{display:none!important}
#customer_login .u-column1,#customer_login .u-column2{width:auto!important;float:none!important;margin:0!important;padding:0!important;max-width:none!important}
#customer_login h2{font-family:var(--nn-font,'Montserrat',Arial,sans-serif)!important;font-size:clamp(1.6rem,4vw,2rem)!important;font-weight:800!important;letter-spacing:-.01em;color:#2b262c!important;margin:0 0 14px!important;text-transform:none!important}
#customer_login form.login,
#customer_login form.register{box-sizing:border-box;margin:0!important;padding:28px 24px!important;background:#fff!important;border:1px solid #e3e8e2!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(33,29,34,.08)!important;font-family:var(--nn-font,'Montserrat',Arial,sans-serif);color:#2b262c}
#customer_login form.register p:not(.form-row){font-size:16px;line-height:1.5;color:#5a565b}
#customer_login form .form-row:has(.woocommerce-form-login__rememberme){display:flex;flex-direction:column;align-items:flex-start}
@media(min-width:880px){#customer_login{grid-template-columns:1fr 1fr;gap:32px}}

/* ---------- Mi cuenta (con sesión iniciada) ---------- */
.elementor-3400 .woocommerce-MyAccount-navigation ul{list-style:none!important;margin:0 0 20px!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px;border:0!important}
.elementor-3400 .woocommerce-MyAccount-navigation ul li{margin:0!important;padding:0!important;border:0!important}
.elementor-3400 .woocommerce-MyAccount-navigation ul li a{display:flex;align-items:center;min-height:46px;padding:8px 16px!important;border:2px solid #e3e8e2!important;border-radius:999px;background:#fff;color:#2b262c!important;font-weight:700;font-size:15px;text-decoration:none!important}
.elementor-3400 .woocommerce-MyAccount-navigation ul li a:hover,
.elementor-3400 .woocommerce-MyAccount-navigation ul li.is-active a{background:#2b262c!important;border-color:#2b262c!important;color:#fff!important}
.elementor-3400 .woocommerce-MyAccount-content{box-sizing:border-box;background:#fff;border:1px solid #e3e8e2;border-radius:24px;padding:28px 24px;font-family:var(--nn-font,'Montserrat',Arial,sans-serif);color:#2b262c;font-size:17px}
.elementor-3400 .woocommerce-MyAccount-content a{color:#3a854d;font-weight:700}
.elementor-3400 .woocommerce-MyAccount-content table{border-radius:16px;overflow:hidden;border:1px solid #e3e8e2!important}
.elementor-3400 .woocommerce-MyAccount-content table th{background:#f4f8f3!important;color:#2b262c}

/* ---------- Panel del afiliado (con sesión iniciada) ---------- */
#slicewp-affiliate-account{max-width:1200px;margin:0 auto;padding:0 22px 72px;box-sizing:border-box;font-family:var(--nn-font,'Montserrat',Arial,sans-serif);color:#2b262c}
#slicewp-affiliate-account .slicewp-nav-tab-wrapper{gap:8px!important;flex-wrap:wrap;margin:0 0 4px!important}
#slicewp-affiliate-account .slicewp-nav-tab a{display:flex!important;align-items:center;gap:8px;min-height:46px;padding:8px 16px!important;border:2px solid #e3e8e2!important;border-radius:999px;background:#fff;color:#2b262c!important;font-weight:700;font-size:15px}
#slicewp-affiliate-account .slicewp-nav-tab a:hover,
#slicewp-affiliate-account .slicewp-nav-tab a:focus,
#slicewp-affiliate-account .slicewp-nav-tab.slicewp-active a{background:#2b262c;border-color:#2b262c!important;color:#fff!important}
#slicewp-affiliate-account .slicewp-section-heading{font-weight:800;font-size:1.4rem;letter-spacing:-.01em;color:#2b262c}
#slicewp-affiliate-account .slicewp-card{border-radius:20px;box-shadow:0 0 0 1px #e3e8e2;overflow:hidden}
#slicewp-affiliate-account .slicewp-card-header{font-weight:800;border-bottom-color:#e3e8e2}
#slicewp-affiliate-account .slicewp-card-footer{background:#f4f8f3;border-top-color:#e3e8e2}
#slicewp-affiliate-account .slicewp-kpi-value{font-weight:800;font-size:1.75rem!important;color:#2b262c}
body #slicewp-affiliate-account .slicewp-list-table-wrapper,
body #slicewp-affiliate-account table.slicewp-list-table{border-radius:16px;box-shadow:0 0 0 1px #e3e8e2}
body #slicewp-affiliate-account table.slicewp-list-table th{background:#f4f8f3!important;color:#2b262c;font-weight:700}
#slicewp-affiliate-account input[type=text],
#slicewp-affiliate-account input[type=email],
#slicewp-affiliate-account textarea,
#slicewp-affiliate-account select{border:2px solid #e3e8e2!important;border-radius:12px!important;min-height:48px;padding:10px 14px!important;font-size:16px;color:#2b262c;background:#fff}
#slicewp-affiliate-account .slicewp-button-primary,
#slicewp-affiliate-account button[type=submit]{background:#53cb45!important;color:#1d1a1e!important;border:0!important;border-radius:12px!important;font-weight:700!important;min-height:46px;padding:10px 18px!important;box-shadow:none!important}
#slicewp-affiliate-account .slicewp-progressbar-fill{background:#53cb45}

@media(max-width:480px){
 #ur-frontend-form.login,#slicewp-affiliate-login-form,#slicewp-affiliate-lost-password-form,#slicewp-affiliate-reset-password-form,body.woocommerce-lost-password form.lost_reset_password,#customer_login form.login,#customer_login form.register{padding:24px 18px!important}
 .nn.nn-acceso-hero .phero{padding:28px 0 20px}
 .elementor-3400 .woocommerce-MyAccount-content{padding:22px 16px}
}