/* Cuba Provider — account-auth.css: Mi cuenta SIN sesión (acceso, contraseña olvidada y nueva).
   Sustituye a account.css para invitados (inc/parts/account.php): así el acceso pesa poco. Una regla por línea. */

/* ───────────── Base y restos de WooCommerce ───────────── */
.woocommerce-account .cp-main--wc{padding-top:16px}
.woocommerce-account .cp-account .woocommerce-MyAccount-navigation,.woocommerce-account .cp-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce form.login,.woocommerce form.register{margin:0;padding:0;border:0;border-radius:0}
.woocommerce form .form-row{float:none;width:auto;margin:0 0 16px;padding:0}
.woocommerce form .form-row label{display:block;margin-bottom:6px;line-height:1.35}
.woocommerce form .form-row .required{visibility:visible;color:var(--cp-sale)}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{min-height:48px;padding:12px 14px;border:1.5px solid var(--cp-line-strong);border-radius:var(--cp-r-img);background-color:var(--cp-surface);color:var(--cp-ink);font-size:16px;line-height:1.3}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus{border-color:var(--cp-brand);box-shadow:0 0 0 4px rgba(33,160,74,.14)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:block;padding:12px 16px;line-height:1.5}
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus{outline:0}
.woocommerce-message .button,.woocommerce-info .button{float:right;margin:-4px 0 4px 12px}
.woocommerce-info{background:var(--cp-verified-soft)}
.woocommerce-message{background:var(--cp-brand-soft)}
.woocommerce-error{background:var(--cp-sale-soft)}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:var(--cp-brand-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.cp-account mark{background:none;color:inherit;font-weight:700}
.woocommerce a.button.cp-btn--primary,.woocommerce button.button.cp-btn--primary{border-color:transparent;background:var(--cp-brand-grad);color:#fff;box-shadow:0 4px 14px rgba(33,160,74,.28)}
.woocommerce a.button.cp-btn--primary:hover,.woocommerce button.button.cp-btn--primary:hover{color:#fff;filter:brightness(1.04)}
.woocommerce .button.cp-btn--lg{min-height:52px;padding:0 32px;font-size:var(--cp-fs-lg)}
.woocommerce .button.cp-btn--block{display:flex;width:100%}
.cp-account-hint{display:block;margin-top:6px;color:var(--cp-muted);font-size:var(--cp-fs-xs);line-height:1.4}
.cp-account-hint em{font-style:normal}

/* ───────────── Piezas comunes ───────────── */
.cp-account-auth__icon,.cp-account-promo__icon,.cp-account-auth__tip-icon{display:grid;flex:none;place-items:center}
.cp-account-auth__icon{background:var(--cp-brand-soft);color:var(--cp-brand)}
.cp-account-promo__icon{width:40px;height:40px;border-radius:12px}

/* ───────────── Acceso y contraseña olvidada ───────────── */
.cp-account-auth{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1040px;margin:0 auto}
/* Móvil: el botón grande del panel puede partirse en dos líneas (a 360 px desbordaba 3 px) */
@media (max-width:599px){
	.cp-account-promo .cp-btn--lg{min-height:52px;padding:10px 20px;white-space:normal;line-height:1.2}
}
@media (min-width:900px){
	.cp-account-auth{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:stretch;gap:24px;margin-top:16px}
}
.cp-account-auth__card{height:100%}
.cp-account-auth__card,.cp-account-auth__tip{padding:24px 20px;border-radius:var(--cp-r-xl)}
@media (min-width:768px){
	.cp-account-auth__card{padding:40px}
}
.cp-account-auth__card--center{text-align:center}
@media (min-width:900px){
	.cp-account-auth--solo{grid-template-columns:minmax(0,560px);justify-content:center}
}
.cp-account-auth__head{margin-bottom:20px}
.cp-account-auth__icon{width:52px;height:52px;margin-bottom:16px;border-radius:16px}
.cp-account-auth__card--center .cp-account-auth__icon{margin-inline:auto}
.cp-account-auth__icon--ok{width:64px;height:64px;border-radius:50%}
.cp-account-auth__title{margin:0;font-size:var(--cp-fs-3xl);font-weight:800;letter-spacing:-.02em}
.cp-account-auth__sub{margin:8px 0 16px;color:var(--cp-muted)}
.cp-account-auth__head .cp-account-auth__sub{margin-bottom:0}
.cp-account-field{position:relative;display:block}
.cp-account-field__icon{position:absolute;left:14px;top:14px;z-index:1;color:var(--cp-faint);pointer-events:none}
.cp-account-field:focus-within .cp-account-field__icon{color:var(--cp-brand)}
.woocommerce form .cp-account-field .input-text{padding-left:44px}
.woocommerce form .password-input{position:relative;display:block}
.woocommerce form .password-input .input-text{padding-right:52px}
.woocommerce form .show-password-input{position:absolute;top:50%;right:4px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--cp-muted);transform:translateY(-50%)}
.cp-account-auth__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px}
.woocommerce form .cp-account-auth__row .form-row,.cp-account-auth__row .lost_password{margin:0}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;font-weight:600;cursor:pointer}
.woocommerce-form-login__rememberme input{width:20px;height:20px;margin:0;appearance:auto;accent-color:var(--cp-brand)}
.cp-account-auth__row .lost_password a,.cp-account-auth__alt a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--cp-brand-dark);font-size:var(--cp-fs-sm);font-weight:700}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:none;margin:0}
.cp-account-auth__alt{margin:8px 0 0;text-align:center}
/* Avisos de otros plugins dentro del acceso, con estilos en línea (los del antiguo WPCode 14884 ya no salen), y el de Escuba */
.cp-account-auth form.login>div[style]{margin:0 0 16px!important;padding:12px 16px!important;border:0!important;border-radius:var(--cp-r-card)!important;background:var(--cp-warn-soft)!important;color:var(--cp-text)!important;font-size:var(--cp-fs-sm);font-weight:600!important;line-height:1.5;text-align:left!important}
.cp-account-auth form.login>div[style] a{color:var(--cp-brand-dark)!important;font-weight:750}
.cp-account-auth form.login>div[style]:last-of-type:not(:first-of-type){margin:8px 0 0!important;background:var(--cp-surface-alt)!important;text-align:center!important}
.woocommerce .esc-login-gate-notice{max-width:1040px;margin:0 auto 16px;border:0;border-left:4px solid var(--cp-brand);border-radius:var(--cp-r-card);background:var(--cp-brand-soft);box-shadow:var(--cp-shadow-card);font-family:var(--cp-font)}
.woocommerce .esc-login-gate-icon{background:var(--cp-brand)}
.woocommerce .esc-login-gate-text,.woocommerce .esc-login-gate-text strong{color:var(--cp-ink)}
.woocommerce .esc-login-gate-text p{color:var(--cp-text)}

/* Panel «¿Aún no eres mayorista?» */
.cp-account-promo{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;padding:24px 20px;overflow:hidden;border-radius:var(--cp-r-xl);background:radial-gradient(110% 90% at 100% 0%,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 55%),var(--cp-brand-grad);color:rgba(255,255,255,.9);box-shadow:0 18px 40px rgba(23,133,61,.28);isolation:isolate}
.cp-account-promo::after{content:"";position:absolute;right:-70px;bottom:-70px;z-index:-1;width:240px;height:240px;border:34px solid rgba(255,255,255,.07);border-radius:50%}
@media (min-width:768px){
	.cp-account-promo{padding:40px}
	.cp-account-promo__title{font-size:1.875rem}
}
.cp-account-promo__eyebrow{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:5px 12px;border-radius:var(--cp-r-pill);background:rgba(255,255,255,.16);color:#fff;font-size:var(--cp-fs-xs);font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.cp-account-promo__title{margin:4px 0 0;color:#fff;font-size:var(--cp-fs-2xl);font-weight:800}
.cp-account-promo__text{margin:0}
.cp-account-promo__list{display:grid;gap:12px;margin:8px 0 12px;list-style:none}
.cp-account-promo__list li{display:flex;align-items:flex-start;gap:12px;font-size:var(--cp-fs-sm)}
.cp-account-promo__list strong{display:block;color:#fff;font-size:var(--cp-fs-md)}
.cp-account-promo__icon{background:rgba(255,255,255,.14);color:#fff}
.cp-account-promo__steps{display:grid;gap:8px;margin:0 0 16px;padding:14px 16px;border-radius:var(--cp-r-card);background:rgba(0,0,0,.12);list-style:none;counter-reset:cp-step}
.cp-account-promo__steps li{display:flex;align-items:center;gap:10px;font-size:var(--cp-fs-sm);counter-increment:cp-step}
.cp-account-promo__steps li::before{content:counter(cp-step);display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--cp-brand-dark);font-size:12px;font-weight:800}
.cp-account-promo__steps strong{color:#fff}
.cp-account-promo .cp-btn--light{margin-top:auto;color:var(--cp-brand-dark)}
.cp-account-promo__note,.cp-account-promo__wa{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:var(--cp-fs-xs)}
.cp-account-promo__wa{min-height:44px;color:#fff;font-weight:700}
.cp-account-auth__tip{display:grid;align-content:start;gap:8px}
.cp-account-auth__tip-icon{width:44px;height:44px;border-radius:14px;background:var(--cp-verified-soft);color:var(--cp-verified)}
.cp-account-auth__tip h2{margin:8px 0 0;font-size:var(--cp-fs-lg)}
.cp-account-auth__tip p{margin:0 0 8px;color:var(--cp-muted);font-size:var(--cp-fs-sm)}
.cp-account-auth__tip .cp-btn{justify-self:start}


/* ═════════════ Móvil estilo app (< 768 px) ═════════════
   El acceso, como la pantalla de la app: una banda blanca a todo el ancho con
   el formulario, sin tarjeta flotante. El bloque de alta (auth-promo) no cambia. */
@media (max-width:767px){
	.woocommerce-account .cp-main--wc{padding-top:8px}
	.cp-account-auth{gap:8px}
	.cp-account-auth__card{margin:0 calc(-1 * var(--cp-gutter));padding:20px var(--cp-gutter) 24px;border-radius:0;box-shadow:none}
	.cp-account-auth__head{margin-bottom:16px}
	.cp-account-auth__icon{width:44px;height:44px;margin-bottom:12px;border-radius:13px}
	.cp-account-auth__title{font-size:1.5rem}
}