.pc-account-shell{max-width:760px;margin:0 auto;padding-bottom:55px}
.pc-account-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 18px}
.pc-account-header>span{color:#ffd798;font-size:.76rem;font-weight:800;letter-spacing:.11em;text-align:right}
.pc-account-back{min-height:44px;display:inline-flex;align-items:center;padding:9px 14px;
 border-radius:13px;border:1px solid rgba(255,221,157,.4);color:#ffe8c2;text-decoration:none;font-weight:750}
.pc-account-layout{display:grid;gap:16px}
.pc-account-card{padding:clamp(16px,4vw,24px);border:1px solid rgba(255,255,255,.18);
 border-radius:20px;background:rgba(37,25,48,.82)}
.pc-account-card h2{font-size:1.2rem;line-height:1.3;margin:0 0 9px}
.pc-account-card p{margin:5px 0 14px;line-height:1.5}
.pc-account-identity{display:flex;align-items:center;gap:15px;min-width:0}
.pc-account-avatar{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:18px;
 background:rgba(255,255,255,.1);font-size:2.15rem}
.pc-account-copy{min-width:0}
.pc-account-copy h2{margin:0 0 5px;overflow-wrap:anywhere}
.pc-account-copy small{font-size:.84rem;color:#dfd1e4;overflow-wrap:anywhere}
.pc-account-chip{display:inline-flex;align-items:center;padding:5px 9px;margin:6px 0;
 background:rgba(255,213,140,.12);color:#ffdfa8;font-size:.77rem;font-weight:760;border-radius:9px}
.pc-account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;
 flex-wrap:wrap;padding:11px 0;border-top:1px solid rgba(255,255,255,.12)}
.pc-account-row:first-of-type{border-top:0}
.pc-account-row>div{min-width:0;flex:1}
.pc-account-row strong{overflow-wrap:anywhere}
.pc-account-row small{display:block;color:#d4c1da;line-height:1.5;margin-top:5px}
.pc-account-button,.pc-account-action{display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:9px 14px;box-sizing:border-box;border-radius:12px;
 border:1px solid rgba(255,214,145,.45);background:rgba(255,214,145,.11);
 color:#ffe2aa;text-decoration:none;font-weight:800;font-size:.9rem;cursor:pointer}
.pc-account-primary{background:linear-gradient(110deg,#ffd388,#f2a5b9);color:#22142b;border:0}
.pc-account-actions{display:flex;flex-wrap:wrap;gap:9px}
.pc-account-actions>*{flex:1}
.pc-account-card .family-fields{margin-top:14px}
.pc-account-profile-list{display:grid;gap:10px;margin:12px 0}
.pc-account-person{border:1px solid rgba(255,255,255,.13);border-radius:14px;
 padding:12px;background:rgba(255,255,255,.055)}
.pc-account-person-head{display:flex;align-items:center;gap:12px}
.pc-account-person-head>span{font-size:1.75rem}
.pc-account-person-head>div{flex:1;min-width:0}
.pc-account-person-head small{display:block;color:#d9c8e0}
.pc-account-person details{margin-top:12px}
.pc-account-person summary{min-height:35px;cursor:pointer;color:#ffe2ac}
.pc-account-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.pc-account-form-actions>*{flex:1}
.pc-account-helper{color:#d9c7df;font-size:.84rem}
.pc-account-section-intro{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.pc-account-section-intro span{color:#eddbce;font-weight:750;font-size:.78rem}
.pc-account-empty{padding:12px;border-radius:12px;background:rgba(255,255,255,.05);
 color:#e1d4e5;font-size:.88rem;line-height:1.5}
.pc-account-back:focus-visible,.pc-account-button:focus-visible,
.pc-account-action:focus-visible{outline:3px solid #ffdd8d;outline-offset:3px}
@media(max-width:480px){.pc-account-header{padding-top:5px}
 .pc-account-copy h2{font-size:1.05rem}
 .pc-account-button{width:100%}
 .pc-account-actions{flex-direction:column}
 .pc-account-row>.pc-account-button{flex-basis:100%}}

/* Aprobación familiar, botones accesibles en móvil y PIN de uso puntual. */
.pc-account-comment-review{display:grid;gap:10px}
.pc-guardian-comment{margin:4px 0;padding:12px;border-radius:12px;background:rgba(255,255,255,.07);white-space:pre-wrap;overflow-wrap:anywhere}
.pc-guardian-review input{min-height:44px;font-size:1rem;letter-spacing:.12em}
.pc-guardian-review .pc-account-form-actions button{min-height:48px}
#supervision h3{margin:18px 0 7px}

/* Vista previa segura para la aprobación familiar de fotografías. */
.pc-guardian-photo{display:block;width:100%;max-width:460px;max-height:370px;object-fit:contain;background:#17121c;border:1px solid rgba(255,255,255,.14);border-radius:13px;margin:12px 0}
.pc-account-card#supervision>h3{margin:22px 0 9px}


/* Cuenta: las pantallas de identidad y familia son independientes. */
.pc-account-hero{padding:clamp(20px,4vw,28px)}
.pc-account-hero h1{font-size:clamp(1.65rem,5vw,2rem)}
.pc-account-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 2px}
.pc-account-subnav a{min-height:44px;display:inline-flex;align-items:center;padding:10px 13px;
 border-radius:12px;border:1px solid rgba(255,213,151,.28);background:rgba(255,255,255,.06);
 color:#ffe7c4;text-decoration:none;font-size:.85rem;font-weight:700}
.pc-account-subnav a:focus-visible{outline:3px solid #ffd99a;outline-offset:2px}
.pc-account-summary{display:grid;gap:8px}
.pc-account-summary .pc-account-chip{justify-self:start}
.pc-account-family-shortcut .pc-account-action{margin-top:2px;width:100%}
.pc-account-secondary-link{margin-bottom:15px}
#familia .pc-account-person summary{display:flex;align-items:center;min-height:44px}
#familia .pc-account-profile-list .pc-account-person-head{gap:9px}
@media(max-width:480px){.pc-account-subnav a{flex:1;justify-content:center;text-align:center}}

/* Perfil y Familia: tamaño de foto fijo para evitar el desbordamiento en móviles. */
#familia .pc-account-primary-player{display:flex;align-items:center;gap:12px;min-width:0}
#familia .pc-family-primary-avatar{box-sizing:border-box;display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;min-width:50px;max-width:50px;min-height:50px;max-height:50px;overflow:hidden;border-radius:50%;background:rgba(255,255,255,.1);font-size:1.7rem}
#familia .pc-family-primary-avatar img,#familia .pc-family-primary-avatar .pc-photo-avatar{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:cover;border-radius:50%}
#familia .pc-account-person-head>div{flex:1;min-width:0;overflow-wrap:anywhere}
#familia .pc-account-person-head strong{display:block;overflow-wrap:anywhere}
#familia .pc-account-person{min-width:0;overflow:hidden}
.pc-account-layout>.pc-account-hero{padding:14px 17px}
.pc-account-layout>.pc-account-hero h1{font-size:1.45rem;margin:3px 0}
.pc-account-layout>.pc-account-hero .muted{font-size:.83rem;line-height:1.45;margin:5px 0}
/* Editar perfil: formulario compacto, controles opcionales en secciones plegables. */
.pc-edit-card{padding:15px!important}
.pc-edit-intro h2{margin:0 0 3px;font-size:1rem}
.pc-edit-intro .pc-account-helper{margin:0 0 10px}
.pc-edit-photo-row{display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(255,255,255,.13);padding:10px;border-radius:13px;min-width:0;background:rgba(255,255,255,.045)}
.pc-edit-photo-thumb{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;overflow:hidden;border-radius:50%;background:rgba(255,255,255,.1);font-size:1.9rem}
.pc-edit-photo-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.pc-edit-photo-copy{display:grid;min-width:0;flex:1;gap:4px}
.pc-edit-photo-copy strong{font-size:.9rem}
.pc-edit-photo-copy small{font-size:.75rem;color:#d1c2dc}
.pc-edit-photo-options{min-width:0}
.pc-edit-photo-options>summary{list-style:none;cursor:pointer;color:#ffe0aa;font-weight:750;font-size:.82rem;min-height:36px;display:flex;align-items:center;gap:8px}
.pc-edit-photo-options>summary::-webkit-details-marker{display:none}
.pc-edit-photo-options .pc-photo-actions{padding-top:8px;gap:6px}
.pc-edit-photo-options .pc-account-action{min-height:40px;font-size:.79rem;padding:7px 10px}
.pc-edit-photo-options .pc-account-helper{font-size:.76rem}
.pc-edit-form{display:grid;gap:10px;margin-top:12px!important}
.pc-edit-form>label{margin:0!important;min-width:0}
.pc-edit-form>label input{width:100%;box-sizing:border-box;min-height:43px}
.pc-edit-extra,.pc-edit-form .pc-profile-privacy{border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.045);min-width:0;margin:0}
.pc-edit-extra summary,.pc-edit-form .pc-profile-privacy summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:44px;padding:9px 12px;color:#ffe1b0;font-size:.83rem;font-weight:780}
.pc-edit-extra summary::-webkit-details-marker{display:none}
.pc-edit-extra[open] summary,.pc-edit-form .pc-profile-privacy[open] summary{border-bottom:1px solid rgba(255,255,255,.12)}
.pc-edit-extra-content{display:grid;gap:12px;padding:12px;min-width:0}
.pc-edit-extra-content>label{margin:0}
.pc-edit-extra-content textarea{box-sizing:border-box;width:100%;resize:vertical}
.pc-edit-avatar-title{display:flex;gap:6px;flex-direction:column}
.pc-edit-avatar-title strong{font-size:.85rem}.pc-edit-avatar-title small{font-size:.73rem;color:#cbb8d6}
.pc-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:7px;max-height:170px;overflow:auto;padding:4px}
.pc-avatar-tile{display:grid;place-items:center;cursor:pointer;min-width:0;min-height:47px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:inherit;background:rgba(255,255,255,.05);font-size:1.5rem}
.pc-avatar-tile.selected{outline:2px solid #ffda9d;outline-offset:1px;background:rgba(255,224,163,.17)}
.pc-edit-form .pc-profile-privacy>label,.pc-edit-form .pc-profile-privacy>p{margin:12px!important}
.pc-edit-save{width:100%;min-height:46px}
.pc-avatar-tile:focus-visible,.pc-edit-photo-options summary:focus-visible,.pc-edit-extra summary:focus-visible{outline:3px solid #ffdbac;outline-offset:2px}
@media(max-width:440px){.pc-account-person{padding:10px}.pc-edit-card{padding:13px!important}}