/* =========================================================
   css/cuenta.css — Registro, ingreso, clave y barra de usuario
   ========================================================= */
.cuenta-wrap{background:#f2f2f2;padding:50px 15px;min-height:55vh}
.cuenta-card{max-width:440px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.08);padding:32px 28px;font-family:lato,Arial,sans-serif;color:#222}
.cuenta-card h1{font-family:'Cormorant Garamond',serif;font-size:30px;color:#f00;margin:0 0 6px;text-align:center}
.cuenta-card .sub{text-align:center;color:#666;font-size:15px;margin-bottom:22px}
.cuenta-card label{display:block;font-size:14px;font-weight:bold;margin:14px 0 6px;color:#333}
.cuenta-card input[type=text],.cuenta-card input[type=email],.cuenta-card input[type=password]{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #ccc;border-radius:8px;font-size:16px;background:#fff;color:#222}
.cuenta-card input:focus{outline:none;border-color:#f00;box-shadow:0 0 0 3px rgba(255,0,0,.12)}
.cuenta-card .fila2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cuenta-card .fila2 label{margin-top:14px}
@media(max-width:480px){.cuenta-card .fila2{grid-template-columns:1fr;gap:0}}
.cuenta-card .ayuda{font-size:13px;color:#777;margin-top:5px}
.cuenta-card .pass{position:relative}
.cuenta-card .pass input{padding-right:70px}
.cuenta-card .pass button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:#666;font-size:13px;cursor:pointer;padding:6px}
.cuenta-card .btn-full{display:block;width:100%;margin-top:22px;border:0;font-size:20px}
.cuenta-card .links{margin-top:18px;text-align:center;font-size:15px;line-height:1.9}
.cuenta-card .links a{color:#c00;text-decoration:underline}
.cuenta-card .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg-cuenta{border-radius:8px;padding:11px 14px;margin-bottom:16px;font-size:15px;line-height:1.4}
.msg-cuenta.ok{background:#e9f7ee;color:#14532d;border:1px solid #bfe5cc}
.msg-cuenta.error{background:#fdecec;color:#7f1d1d;border:1px solid #f5c2c2}
.msg-cuenta a{color:inherit;font-weight:bold;text-decoration:underline}

/* Avisos debajo del menú */
/* Avisos del front: arriba de todo, fijos */
.avisos-front{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:99999;width:calc(100% - 30px);max-width:560px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.avisos-front .msg-cuenta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;box-shadow:0 8px 24px rgba(0,0,0,.18);pointer-events:auto;animation:avisoEntra .35s ease;transition:opacity .4s,transform .4s}
.avisos-front .msg-cuenta.saliendo{opacity:0;transform:translateY(-12px)}
.aviso-cerrar{background:none;border:0;font-size:22px;line-height:1;color:inherit;cursor:pointer;opacity:.6;padding:0 2px}
.aviso-cerrar:hover{opacity:1}
@keyframes avisoEntra{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

/* Botones de cuenta en el header */
.cuenta-header{font-family:lato,Arial,sans-serif;font-size:15px;line-height:2.2}
.cuenta-header a{display:inline-block;padding:6px 12px;border-radius:8px;text-decoration:none}
.cuenta-header a.ingresar{border:1px solid #f00;color:#f00}
.cuenta-header a.registrarse{background:#f00;color:#fff}
.cuenta-header a.olvide{font-size:13px;color:#777;padding:0;text-decoration:underline}
.cuenta-header .hola{color:#333;margin-right:6px}
.cuenta-header a.salir{border:1px solid #ccc;color:#555}

/* Bloque Solicitar subasta en detalle */
.solicitar-box{margin:18px 0;padding:16px;border:1px solid #eee;border-radius:10px;background:#fafafa}
.solicitar-box form{display:inline}
.solicitar-box .btn{border:0;font-size:20px;padding:12px 22px}
.solicitar-box .nota{font-family:lato,Arial,sans-serif;font-size:14px;color:#666;margin-top:10px}
.solicitar-box .nota a{color:#c00;text-decoration:underline}