.panel{max-width:760px;margin:0 auto;padding:12px 16px 48px;box-sizing:border-box}
.panel-tarjeta{background:#fff;color:var(--ink);border-radius:40px 2px;padding:27px;margin:0 0 20px}
.panel-tarjeta h2{font-size:24px;margin:16px 0 12px;color:var(--night);letter-spacing:-.5px}
.panel-tarjeta h3{font-size:18px;margin:26px 0 10px;color:var(--night)}
.panel-barra{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:0 0 16px;color:#E6ECF7;font:400 13px Lexend,sans-serif;overflow-wrap:anywhere}
.panel-barra button{padding:6px 14px;font-size:13px;background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
.cuenta-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cuenta-tabs button{background:transparent;color:var(--night);border:1px solid var(--night);padding:11px 8px}
.cuenta-tabs button[aria-selected="true"]{background:var(--night);color:#fff}
.cuenta-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.cuenta-filtros button{padding:8px 16px;font-size:14px}
.cuenta-acciones{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:18px 0 0}
.cuenta-acciones .borrado{color:var(--blue);text-decoration:underline;font:400 14px Lexend,sans-serif}
.aviso-oscuro{color:var(--ink);font:300 15px/1.6 Lexend,sans-serif}
.panel-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 20px}
.panel-dato{background:#EEF3FF;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.panel-dato b{font:700 24px Montserrat,sans-serif;color:var(--night)}
.panel-dato span{font:300 12px Lexend,sans-serif;color:#3b4658}
.panel-tabla{overflow-x:auto;margin:0 0 12px}
.panel-tabla table{border-collapse:collapse;width:100%;font-size:15px}
.panel-tabla caption{text-align:left;font:500 11px Lexend,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--blue);padding:0 0 8px}
.panel-tabla th{text-align:left;font:500 12px Lexend,sans-serif;color:#53627A;padding:8px 10px;border-bottom:2px solid #D3D9E3;white-space:nowrap}
.panel-tabla td{padding:9px 10px;border-bottom:1px solid #E6E9EB;vertical-align:top}
.panel-perfil{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;margin:0 0 20px}
.panel-perfil div{margin:0}
.panel-perfil dt{font:500 11px Lexend,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#53627A}
.panel-perfil dd{margin:2px 0 0;overflow-wrap:anywhere}
.panel-estado{font:300 14px Lexend,sans-serif;min-height:1.4em;margin:8px 0 10px}
.hub-cabecera{max-width:760px}
.panel-ayuda{margin:4px 0 12px;font:300 13px/1.5 Lexend,sans-serif;color:#53627A}
.cuenta-foto{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 20px}
.foto-grande{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--night);color:#fff;font:500 28px Lexend,sans-serif;flex:none}
.foto-titulo{margin:0 0 8px;font:500 14px Lexend,sans-serif;color:var(--night)}
.cuenta-foto button{padding:9px 16px;font-size:14px}
.cronograma{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:12px}
.cron-item{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:#EEF3FF;border-radius:16px;padding:16px 18px}
.cron-item.bloqueado{opacity:.6}
.cron-nombre{display:flex;flex-direction:column;gap:2px}
.cron-nombre b{font:600 16px 'Source Sans 3',sans-serif;color:var(--night)}
.cron-dias{font:500 13px Lexend,sans-serif;color:var(--blue)}
.cron-item.bloqueado .cron-dias{color:#53627A}
.cron-campo{display:flex;gap:8px;align-items:center}
.cron-campo label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cron-campo input[type="date"]{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #8795ad;border-radius:12px;background:#fff;color:var(--ink)}
.cron-campo button{padding:9px 14px;font-size:14px}
.volver{color:#fff;font:500 14px Lexend,sans-serif;text-decoration:none;border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:6px 14px}
.volver:hover{background:rgba(255,255,255,.12)}
.acordeon{border:1px solid #D3D9E3;border-radius:16px;margin:0 0 12px;background:#fff}
.acordeon summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font:600 17px Montserrat,sans-serif;color:var(--night);border-radius:16px}
.acordeon summary::-webkit-details-marker{display:none}
.acordeon summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--night);border-bottom:2px solid var(--night);transform:rotate(45deg);transition:transform .2s ease;flex:none}
.acordeon[open] summary::after{transform:rotate(-135deg)}
.acordeon summary:hover{background:#EEF3FF}
.acordeon summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.acordeon-cuerpo{padding:4px 20px 20px}
.acordeon-cuerpo h3:first-child{margin-top:8px}
@media (prefers-reduced-motion:reduce){.acordeon summary::after{transition:none}}