/* ============================================================
   Mi cuenta sin sesión — ingresar / crear cuenta
   Plantilla: woocommerce/myaccount/form-login.php
   ============================================================ */

/* La tarjeta ya trae su título: fuera el «Mi cuenta» de Astra */
body.ps.woocommerce-account:has(#customer_login) .entry-header{display:none}
body.ps.woocommerce-account .woocommerce-notices-wrapper{max-width:1040px;margin:18px auto 0}

/* WooCommerce + Astra pintan de blanco el buscador de la cabecera en sus páginas */
body.ps .ps-search input[type="search"]{height:46px;border-radius:999px;border:1px solid var(--ps-border-2);background:var(--ps-panel);color:var(--ps-text);padding:0 50px 0 20px;font-size:14px;box-shadow:none}
body.ps .ps-search input[type="search"]:focus{outline:none;border-color:var(--ps-gold);box-shadow:0 0 0 3px rgba(255,194,14,.18)}

/* Tarjeta */
body.ps .ps-auth{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:1040px;margin:34px auto 64px;border-radius:24px;overflow:hidden;background:var(--ps-panel);border:1px solid var(--ps-border-2);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,194,14,.05)}
body.ps .ps-auth [hidden]{display:none!important}

/* Columna de marca */
.ps-auth__marca{position:relative;overflow:hidden;padding:46px 42px;display:flex;flex-direction:column;gap:16px;border-right:1px solid var(--ps-border);
  background:
    radial-gradient(560px 340px at 0% 0%,rgba(255,194,14,.26),transparent 62%),
    radial-gradient(440px 320px at 100% 100%,rgba(56,169,255,.14),transparent 60%),
    linear-gradient(160deg,#1d1b12 0%,#131419 55%,#0e0f12 100%)}
/* pokébola decorativa */
.ps-auth__marca::after{content:"";position:absolute;right:-70px;bottom:-70px;width:280px;height:280px;border-radius:50%;border:28px solid rgba(255,194,14,.07)}
.ps-auth__marca::before{content:"";position:absolute;right:-70px;bottom:56px;width:280px;height:28px;background:rgba(255,194,14,.07)}
.ps-auth__marca>*{position:relative;z-index:1}
.ps-auth__logo{width:88px;height:auto;filter:drop-shadow(0 12px 26px rgba(255,194,14,.35))}
.ps .ps-auth__marca-titulo{font-family:var(--ps-display);font-size:clamp(26px,3vw,34px);color:#fff;margin:6px 0 0}
.ps-auth__marca-texto{margin:0;color:var(--ps-muted);font-size:16px}
.ps-auth__beneficios{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:16px}
.ps-auth__beneficios li{display:flex;gap:14px;align-items:flex-start;margin:0}
.ps-auth__beneficios svg{flex:none;width:44px;height:44px;padding:11px;border-radius:13px;background:rgba(255,194,14,.12);color:var(--ps-gold);border:1px solid rgba(255,194,14,.24)}
.ps-auth__beneficios span{display:flex;flex-direction:column;font-size:14px;color:var(--ps-muted);line-height:1.45}
.ps-auth__beneficios strong{color:#fff;font-size:15.5px;font-weight:600}
.ps-auth__local{margin:auto 0 0;padding-top:18px;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ps-muted)}
.ps-auth__local svg{width:16px;height:16px;color:var(--ps-gold);flex:none}

/* Columna del formulario */
.ps-auth__panel{padding:42px 46px;display:flex;flex-direction:column;gap:20px}
.ps-auth__aviso{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:12px;background:rgba(255,194,14,.1);border:1px solid rgba(255,194,14,.3);color:var(--ps-gold-2);font-size:14px;line-height:1.45}
.ps-auth__aviso svg{width:18px;height:18px;flex:none;margin-top:1px}

body.ps .ps-auth__tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:5px;border-radius:14px;background:var(--ps-black-2);border:1px solid var(--ps-border)}
body.ps .ps-auth__tabs button{height:46px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ps-muted);font:600 15px/1 var(--ps-font);cursor:pointer;box-shadow:none;transition:color .18s ease,background .18s ease}
body.ps .ps-auth__tabs button:hover{color:#fff;background:rgba(255,255,255,.04)}
body.ps .ps-auth__tabs button[aria-selected="true"]{background:var(--ps-gold);color:#161003;box-shadow:0 10px 22px -12px rgba(255,194,14,.8)}
body.ps .ps-auth__tabs button:focus-visible{outline:2px solid var(--ps-gold);outline-offset:2px}

.ps-auth__form{display:flex;flex-direction:column;gap:6px}
.ps .ps-auth__titulo{font-family:var(--ps-display);font-size:30px;color:#fff;margin:4px 0 0}
.ps-auth__sub{margin:0 0 8px;color:var(--ps-muted);font-size:15px}

body.ps .ps-auth form.login,body.ps .ps-auth form.register{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;border-radius:0;background:none}

body.ps .ps-auth .ps-campo{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;width:100%;float:none}
body.ps .ps-auth .ps-campo label{display:block;margin:0;font-size:14px;font-weight:600;line-height:1.2;color:var(--ps-text)}
.ps-campo__control{position:relative;display:block}
/* Ícono fijo a la altura del campo (54px): el medidor de contraseña se agrega debajo, dentro del mismo control */
.ps-campo__control>svg{position:absolute;left:16px;top:18px;width:18px;height:18px;color:var(--ps-muted);pointer-events:none;z-index:2;transition:color .18s ease}
.ps-campo__control:focus-within>svg{color:var(--ps-gold)}
body.ps .ps-auth .ps-campo .password-input{display:block;position:relative;width:100%}
body.ps .ps-auth .ps-campo input.input-text{width:100%;height:54px;margin:0;padding:0 50px 0 46px;border-radius:13px;background:var(--ps-black-2);border:1px solid var(--ps-border-2);color:#fff;font:500 15px/1 var(--ps-font);box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}
body.ps .ps-auth .ps-campo input.input-text::placeholder{color:#6b7180;opacity:1}
body.ps .ps-auth .ps-campo input.input-text:hover{border-color:rgba(255,255,255,.24)}
body.ps .ps-auth .ps-campo input.input-text:focus{outline:none;border-color:var(--ps-gold);box-shadow:0 0 0 4px rgba(255,194,14,.15)}
body.ps .ps-auth .ps-campo input.input-text:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--ps-black-2) inset;-webkit-text-fill-color:#fff;caret-color:#fff}

/* Botón «ver contraseña» que agrega WooCommerce. Astra lo centra con `translate`, que
   `transform:none` no anula: se fija arriba a (54 − 36) / 2 = 9px. */
body.ps .ps-auth .show-password-input{position:absolute;right:10px;top:9px!important;transform:none!important;translate:none!important;margin:0!important;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--ps-muted);cursor:pointer;display:grid;place-items:center;box-shadow:none}
body.ps .ps-auth .show-password-input::after{color:var(--ps-muted);margin:0}
body.ps .ps-auth .show-password-input:hover{background:rgba(255,255,255,.06)}
body.ps .ps-auth .show-password-input.display-password::after{color:var(--ps-gold)}

/* Medidor de seguridad de la contraseña (WooCommerce) */
body.ps .ps-auth .woocommerce-password-strength{display:block;margin:10px 0 0;padding:9px 12px;border-radius:10px;border:1px solid;font-size:13px;font-weight:600;line-height:1.35;text-align:left}
body.ps .ps-auth .woocommerce-password-strength.short{background:rgba(255,71,87,.12);border-color:rgba(255,71,87,.4);color:#ff7a85}
body.ps .ps-auth .woocommerce-password-strength.bad{background:rgba(255,138,60,.12);border-color:rgba(255,138,60,.4);color:#ffa366}
body.ps .ps-auth .woocommerce-password-strength.good{background:rgba(255,194,14,.12);border-color:rgba(255,194,14,.4);color:var(--ps-gold-2)}
body.ps .ps-auth .woocommerce-password-strength.strong{background:rgba(30,217,138,.12);border-color:rgba(30,217,138,.4);color:var(--ps-green)}
body.ps .ps-auth .woocommerce-password-hint{display:block;margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--ps-muted)}

.ps-auth__fila{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap}
body.ps .ps-auth .ps-check{display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-size:14px;font-weight:500;color:var(--ps-text)}
body.ps .ps-auth .ps-check input{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin:0;border-radius:6px;border:2px solid var(--ps-border-2);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}
body.ps .ps-auth .ps-check input:checked{background:var(--ps-gold);border-color:var(--ps-gold)}
body.ps .ps-auth .ps-check input:checked::after{content:"";width:5px;height:10px;border:solid #161003;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
body.ps .ps-auth .ps-check input:focus-visible{outline:2px solid var(--ps-gold);outline-offset:2px}

body.ps .ps-auth .ps-auth__link{display:inline;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--ps-gold);font:600 14px/1.4 var(--ps-font);cursor:pointer;text-decoration:none}
body.ps .ps-auth .ps-auth__link:hover{color:var(--ps-gold-2);text-decoration:underline}

body.ps .ps-auth .ps-auth__enviar{width:100%;height:56px;margin:6px 0 0;padding:0 20px;border:0;border-radius:14px;background:var(--ps-gold);color:#161003;font:800 16px/1 var(--ps-font);letter-spacing:.01em;cursor:pointer;box-shadow:0 16px 32px -16px rgba(255,194,14,.8);transition:background .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}
body.ps .ps-auth .ps-auth__enviar:hover{background:var(--ps-gold-2);transform:translateY(-1px);box-shadow:0 18px 36px -14px rgba(255,194,14,.85)}
body.ps .ps-auth .ps-auth__enviar:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* WooCommerce deshabilita «Crear cuenta» mientras la contraseña sea débil */
body.ps .ps-auth .ps-auth__enviar:disabled,body.ps .ps-auth .ps-auth__enviar.disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;background:var(--ps-gold)}

.ps-auth__cambio{margin:14px 0 0;padding-top:18px;border-top:1px solid var(--ps-border);text-align:center;color:var(--ps-muted);font-size:14.5px}

body.ps .ps-auth .woocommerce-privacy-policy-text p{margin:0;font-size:13px;line-height:1.5;color:var(--ps-muted)}
body.ps .ps-auth .woocommerce-privacy-policy-text a{color:var(--ps-gold)}

/* Tablet y móvil: primero el formulario, la marca abajo */
@media (max-width:880px){
  body.ps .ps-auth{grid-template-columns:1fr;margin:14px auto 44px;border-radius:20px}
  .ps-auth__panel{padding:26px 20px 30px;gap:18px}
  .ps-auth__marca{order:2;padding:28px 22px;border-right:0;border-top:1px solid var(--ps-border);gap:12px}
  .ps-auth__logo{width:62px}
  .ps .ps-auth__titulo{font-size:26px}
  .ps-auth__marca::after{width:200px;height:200px;border-width:20px;right:-56px;bottom:-56px}
  .ps-auth__marca::before{width:200px;height:20px;right:-56px;bottom:34px}
}