/* Restablecer hidden: los contenedores con display grid/flex no pueden tapar el sitio al cerrarse. */
.account-layer[hidden],#authPanel[hidden],#profilesPanel[hidden],#createProfileForm[hidden],#registerFields[hidden]{display:none!important}
/* CineNova v2.1 — Avatares exclusivos y selector accesible */
#accountBtn.cn21-has-avatar{padding:0!important;border:2px solid #fa4b68!important;overflow:hidden!important;background:#1d1b27!important;line-height:0!important}
#accountBtn.cn21-has-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.cn20-profile-selection .profile-avatar.cn21-avatar-graphic{background:#1c2234!important;overflow:hidden!important;display:block;padding:0}
.cn21-avatar-graphic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.cn21-profile-slot{position:relative;display:flex;flex-direction:column;align-items:center}
.cn21-profile-slot>.profile-choice{margin:0}
.cn21-avatar-edit{position:absolute;right:5%;top:3%;width:32px;height:32px;border-radius:50%;background:#e52547;border:2px solid #fff;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 17px #0009;z-index:2}
.cn21-avatar-edit:focus-visible,.cn21-avatar-item:focus-visible,.cn21-pick-avatar:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cn21-manage-hint{color:#d8c0c6;font-size:12px;margin:0 auto 13px}
.cn21-pick-avatar{display:flex;align-items:center;gap:13px;min-height:65px;padding:9px 15px 9px 9px;text-align:left;background:#21212b;border:1px solid #68606e;border-radius:14px;color:#fff;font-size:13px;font-weight:750;cursor:pointer;width:100%}
.cn21-pick-avatar:hover{border-color:#ff5b77}
.cn21-pick-avatar img{width:51px;height:51px;border-radius:50%;border:2px solid #ffffff55}
.cn21-pick-avatar span{flex:1}
.cn21-avatar-newrow{margin-top:6px;display:grid;gap:9px}
.cn21-picker-caption{font-weight:750;font-size:12px;color:#eceaf0}
.cn21-avatar-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:rgba(3,4,8,.95);backdrop-filter:blur(18px)}
.cn21-avatar-overlay[hidden]{display:none!important}
.cn21-avatar-dialog{width:min(810px,100%);max-height:min(94dvh,900px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(150deg,#241723,#111018 45%,#0b0b10);border:1px solid #743b50;border-radius:22px;box-shadow:0 35px 110px #000b;color:white}
.cn21-avatar-dialog header{padding:22px 25px 15px;display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:1px solid #ffffff19}
.cn21-avatar-dialog header h2{margin:4px 0;font-size:clamp(23px,4vw,36px);letter-spacing:-.5px}
.cn21-avatar-dialog header p{color:#bdb5c0;font-size:12px;margin:4px 0}
.cn21-eyebrow{font-size:10px;letter-spacing:2px;font-weight:850;color:#ff728b}
.cn21-avatar-close{border-radius:50%;flex-shrink:0;width:40px;height:40px;background:#2a2831;border:1px solid #6b626d;color:white;cursor:pointer}
.cn21-avatar-grid{padding:19px 25px;overflow-y:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cn21-avatar-item{border:2px solid transparent;background:#28222e;border-radius:15px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;color:#e9e5ee;font-size:12px;font-weight:800;min-width:0;transition:transform .14s,border-color .14s}
.cn21-avatar-item:hover{transform:translateY(-3px);background:#352535}
.cn21-avatar-item[aria-pressed="true"]{border-color:#ff4467;background:#45202e;box-shadow:0 0 0 3px #ff446722}
.cn21-avatar-item img{width:100%;max-width:94px;aspect-ratio:1;border-radius:50%;background:#171720}
.cn21-avatar-dialog footer{padding:14px 25px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff19}
.cn21-avatar-dialog footer small{color:#aaa3ac;font-size:11px}
.cn21-avatar-dialog footer .account-primary{width:auto;min-width:158px;margin:0;cursor:pointer}
@media(max-width:700px){.cn21-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px}.cn21-avatar-dialog header{padding:16px}.cn21-avatar-dialog footer{padding:13px 16px;gap:10px}.cn21-avatar-item img{max-width:80px}}
@media(max-width:380px){.cn21-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cn21-avatar-dialog footer{flex-direction:column;align-items:stretch}.cn21-avatar-dialog footer .account-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.cn21-avatar-item{transition:none}}