/* V8.08 · Estructura general, inicio, navegación lateral y slots.
   Archivo generado desde style.css conservando el orden interno de cada sistema. */

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:24px clamp(16px,3vw,36px);
}.new-game,.status-card{padding:16px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12);border-radius:18px;margin-bottom:14px}@media (max-width:900px){.topbar{align-items:flex-start;flex-direction:column}
}.home-top-visual{margin-bottom:0}.injury-home-card{border-color:rgba(245,158,11,.22);background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(255,255,255,.025))}.dashboard-donut-grid{
  align-items:stretch;
}.dashboard-donut-card{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:112px;
}.dashboard-donut-card .label{
  margin:0 0 4px;
}.dashboard-donut-card strong{
  font-size:20px;
}@media (max-width:900px){
  .dashboard-donut-card{min-height:auto}
}.new-game-collapsed{
  padding:10px;
}.new-game-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:14px;
  padding:11px 12px;
  background:rgba(59,130,246,.10);
  border:1px solid rgba(96,165,250,.22);
  color:#dbeafe;
  font-weight:900;
  text-align:left;
}.new-game-modal{clear:both;display:grid;gap:12px;max-width:560px;margin:0 auto}.new-game-modal select{width:100%}.injured-home-list,.injured-treatment-list{display:grid;gap:10px;margin-top:12px}.injured-home-face{
  width:46px;
  height:46px;
  border-radius:14px;
  object-fit:cover;
  border:1px solid rgba(148,163,184,.22);
  background:#0f172a;
}.injured-home-info,.injured-treatment-row>div{display:grid;gap:4px;min-width:0}.injured-home-info button,.injured-treatment-row button.linklike{display:inline-flex;align-items:center;gap:7px;justify-self:start}.injured-home-info span,.injured-treatment-row span{color:#94a3b8;font-size:12px}.home-message-strip{min-width:0;flex:1}.home-messages-summary{padding:2px 0;cursor:default}.home-messages-summary.clickable{cursor:pointer}.home-messages-summary h2{margin:0 0 8px;font-size:22px}.home-messages-summary .tagline{margin:0;max-width:760px}@media (max-width:900px){.home-message-strip{width:100%}
}.topbar{padding:16px clamp(14px,2.4vw,28px);gap:14px}.new-game,.status-card{padding:12px;border-radius:15px;margin-bottom:10px;background:rgba(255,255,255,.028)}@media (max-width:900px){.topbar{padding:14px}
}.office-main-card,.office-side-card{
  border:1px solid rgba(148,163,184,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(30,41,59,.76));
  box-shadow:0 22px 70px rgba(0,0,0,.24);
  padding:18px;
}.office-main-card{
  background:
    radial-gradient(circle at 12% 10%,rgba(59,130,246,.20),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(34,197,94,.13),transparent 24%),
    linear-gradient(145deg,rgba(15,23,42,.96),rgba(30,41,59,.80));
}.office-club-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.office-club-head .club-badge-placeholder{width:58px;height:58px;min-width:58px;border-radius:18px;background:rgba(255,255,255,.08)}.office-club-head h2{font-size:clamp(24px,3vw,38px);margin:0 0 4px;letter-spacing:-.04em}.office-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.office-mini-grid>div{min-height:86px;border:1px solid rgba(148,163,184,.13);border-radius:18px;background:rgba(255,255,255,.045);padding:12px;display:grid;align-content:center;gap:4px}.office-mini-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.office-mini-grid strong{font-size:clamp(18px,2.3vw,26px);letter-spacing:-.04em;line-height:1.05}.office-mini-grid em{font-style:normal;font-size:12px;font-weight:800}.office-status-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.office-side-card{display:grid;gap:14px;align-content:start}.office-next-match .next-match{margin-top:8px}.office-advance{display:grid;gap:8px;justify-self:end;width:min(100%,420px)}.office-advance button{width:100%}.empty-office-box{display:grid;gap:5px;border:1px dashed rgba(148,163,184,.22);border-radius:18px;padding:16px;background:rgba(255,255,255,.035)}.empty-office-box span{color:var(--muted);font-size:13px}@media (max-width:1100px){.office-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}@media (max-width:700px){.office-club-head{align-items:flex-start}.office-club-head .club-badge-placeholder{width:46px;height:46px;min-width:46px;border-radius:14px}
}.new-game-form-grid{
  display:grid;
  gap:8px;
}.new-game-form-grid input,
.new-game-form-grid select{
  width:100%;
}.new-game,
.status-card,
.card,
.sticky-actions{
  border-color:rgba(var(--club-accent-rgb),.14);
  background:linear-gradient(145deg, rgba(var(--club-rgb), calc(var(--club-theme-panel-opacity) + .01)), rgba(255,255,255,.03));
}.welcome-screen{display:grid;gap:16px}.welcome-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:16px;align-items:center;padding:22px}.welcome-hero h2{margin:0 0 8px;font-size:clamp(26px,4vw,42px);letter-spacing:-.045em}.welcome-summary{display:grid;gap:10px}.welcome-summary>div{padding:13px 14px;border-radius:16px;background:rgba(2,6,23,.24);border:1px solid rgba(var(--club-accent-rgb),.14)}.welcome-summary strong{font-size:24px;letter-spacing:-.04em}.welcome-features{display:flex;gap:8px;flex-wrap:wrap}.welcome-features span{display:inline-flex;align-items:center;border:1px solid rgba(var(--club-accent-rgb),.16);background:rgba(var(--club-accent-rgb),.08);border-radius:999px;padding:7px 10px;color:#dbeafe;font-size:12px;font-weight:850}.welcome-section-title{align-items:end;margin-top:4px}.welcome-section-title h3{margin:2px 0 0}@media (max-width:900px){
  .welcome-hero{grid-template-columns:1fr;padding:16px}
}.office-days-remaining{
  border:1px solid rgba(96,165,250,.28);
  background:linear-gradient(135deg,rgba(30,64,175,.24),rgba(15,23,42,.40));
  border-radius:16px;
  padding:12px 14px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}.office-days-remaining span{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#bfdbfe;
}.office-days-remaining strong{
  font-size:34px;
  line-height:1;
  color:#fff;
}.tactic-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,330px);
  gap:12px;
  align-items:start;
}.tactic-workspace .tactic-state-legend{
  margin-top:8px;
  padding:8px 10px;
  gap:7px;
  border-radius:12px;
}.tactic-workspace .tactic-state-legend span{
  font-size:11px;
  gap:5px;
}.tactic-workspace .tactic-click-help{
  padding:8px 10px;
  border-radius:12px;
  font-size:12px;
}@media (max-width:1380px){
  .tactic-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,300px)}
}@media (max-width:1050px){
  .tactic-workspace{grid-template-columns:1fr}
}.scouting-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,350px);
  gap:12px;
  align-items:start;
}@media (max-width:1180px){
  .scouting-workspace{grid-template-columns:1fr}
}.home-messages-summary.assistant-message-summary{border-color:rgba(239,68,68,.34);box-shadow:0 0 0 1px rgba(239,68,68,.13) inset}.save-slots-screen{
  gap:14px;
}.save-slots-screen .welcome-hero{
  min-width:0;
}.save-slot-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px;
  align-items:stretch;
  width:100%;
  min-width:0;
}.save-slot-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,360px);
  align-items:center;
  gap:14px;
  width:100%;
  max-width:none;
  min-width:0;
  min-height:0;
  overflow:visible;
}.save-slot-main{
  min-width:0;
}.save-slot-card .label{
  margin-bottom:5px;
}.save-slot-card h3{
  margin:0 0 6px;
  font-size:clamp(16px,1.5vw,22px);
  line-height:1.18;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}.save-slot-card p{
  min-width:0;
  margin-bottom:0;
}.save-slot-card .muted{
  line-height:1.4;
}.save-slot-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:100%;
  min-width:0;
  margin-top:0;
  justify-self:end;
}.save-slot-actions button{
  width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.15;
}.save-slot-card.save-slot-empty,
.save-slot-card.empty-slot{
  width:100%;
  height:auto;
  min-height:0;
  border-radius:18px;
  display:grid!important;
  place-items:initial;
  text-align:left;
  padding:16px;
  color:var(--text);
  border-style:dashed;
  background:rgba(255,255,255,.025);
}.save-slot-card.save-slot-challenge{
  border-color:rgba(96,165,250,.18);
}@media (max-width:860px){
  .save-slot-card{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .save-slot-actions{
    justify-self:stretch;
  }
}@media (max-width:420px){
  .save-slot-actions{grid-template-columns:1fr;}
}.save-slots-screen .save-slot-card.save-slot-empty,
.save-slots-screen .save-slot-card.empty-slot{
  width:100%;
  height:auto;
  min-height:72px;
  max-width:none;
  border-radius:18px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,360px);
  align-items:center;
  justify-items:stretch;
  place-items:unset;
  text-align:left;
  padding:16px;
}.save-slots-screen .save-slot-card.save-slot-empty .save-slot-main,
.save-slots-screen .save-slot-card.empty-slot .save-slot-main{
  justify-self:stretch;
  text-align:left;
}.save-slots-screen .save-slot-card.save-slot-empty h3,
.save-slots-screen .save-slot-card.empty-slot h3{
  text-align:left;
  white-space:normal;
}.save-slots-screen .save-slot-card.save-slot-empty .save-slot-actions,
.save-slots-screen .save-slot-card.empty-slot .save-slot-actions{
  justify-self:end;
}@media (max-width:860px){
  .save-slots-screen .save-slot-card.save-slot-empty,
  .save-slots-screen .save-slot-card.empty-slot{
    grid-template-columns:1fr;
  }
  .save-slots-screen .save-slot-card.save-slot-empty .save-slot-actions,
  .save-slots-screen .save-slot-card.empty-slot .save-slot-actions{
    justify-self:stretch;
  }
}.sidebar-nav{display:grid;gap:7px;margin-top:10px}.sidebar-nav>button,
.sidebar-nav .nav-group-toggle,
.sidebar-nav .nav-group-items>button{width:100%;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:#9eacc0;font-weight:760;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.sidebar-nav>button,
.sidebar-nav .nav-group-toggle{min-height:40px;padding:9px 11px}.sidebar-nav .nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-nav .nav-chevron{font-size:12px;transition:transform .18s ease;color:#718096}.sidebar-nav .nav-group.is-open .nav-chevron{transform:rotate(180deg)}.sidebar-nav .nav-group-items{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .2s ease,opacity .16s ease;margin:0 4px}.sidebar-nav .nav-group-items::before{content:"";min-height:0}.sidebar-nav .nav-group.is-open .nav-group-items{grid-template-rows:1fr;opacity:1;padding-top:4px}.sidebar-nav .nav-group.is-open .nav-group-items::before{display:none}.sidebar-nav .nav-group-items>button{padding:8px 10px 8px 24px;min-height:35px;font-size:12.5px;position:relative}.sidebar-nav .nav-group-items>button::before{content:"";position:absolute;left:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#516078;transform:translateY(-50%)}.sidebar-nav .nav-group-items>button small{display:block;font-size:10px;font-weight:650;color:#68778e;margin-top:1px}.sidebar-nav>button:hover,
.sidebar-nav .nav-group-toggle:hover,
.sidebar-nav .nav-group-items>button:hover{background:rgba(59,130,246,.105);border-color:rgba(59,130,246,.20);color:#dbeafe}.sidebar-nav>button.active,
.sidebar-nav .nav-group-items>button.active{background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.32);color:#e8f2ff;box-shadow:inset 3px 0 0 rgba(96,165,250,.75)}.sidebar-nav .nav-group.has-active>.nav-group-toggle{color:#dbeafe;background:rgba(59,130,246,.075);border-color:rgba(59,130,246,.14)}.sidebar-nav .nav-group-items>button.active::before{background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15)}.sidebar-nav [data-tab].tab-disabled,
.sidebar-nav [data-tab]:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.sidebar-nav .sidebar-home-link{display:flex;align-items:center}.sidebar-nav .sidebar-home-link::before{content:"⌂";display:inline-grid;place-items:center;width:18px;margin-right:7px;color:#7dafff}@media (max-width:900px){
  .sidebar-nav .nav-group-items>button{padding-left:20px}
}.sidebar-nav .nav-group-items{display:grid;grid-template-columns:1fr;max-height:0;opacity:0;overflow:hidden;transition:max-height .22s ease,opacity .16s ease,padding .16s ease;margin:0 4px;padding-top:0}.sidebar-nav .nav-group-items::before{display:none}.sidebar-nav .nav-group.is-open .nav-group-items{max-height:360px;opacity:1;padding-top:4px}

/* V8.20 · Presentación indexable del juego. */
.welcome-about{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);
  gap:18px;
  align-items:center;
}
.welcome-about h3{margin:0 0 8px;font-size:clamp(19px,2vw,27px)}
.welcome-about p{margin:0;line-height:1.6}
.welcome-about-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.welcome-about-points span{
  min-height:54px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(var(--club-accent-rgb),.16);
  background:rgba(var(--club-accent-rgb),.07);
  color:#dbeafe;
  font-size:12px;
  font-weight:850;
  line-height:1.35;
}
.seo-noscript{
  width:min(920px,calc(100% - 32px));
  margin:24px auto;
  padding:24px;
}
.seo-noscript p{color:var(--muted);line-height:1.6}
@media (max-width:900px){
  .welcome-about{grid-template-columns:1fr}
}
@media (max-width:560px){
  .welcome-about-points{grid-template-columns:1fr}
}


/* V8.29 · Identidad visual de Una vida de manager. */
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.topbar-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.topbar-brand-copy{display:grid;gap:2px;min-width:0}
.topbar-brand .eyebrow{margin:0}
.game-brand-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.game-brand-logo-top{width:180px;height:72px;object-fit:contain;object-position:left center}
.game-brand-logo-welcome{width:min(390px,100%);margin:0 0 6px}
.game-brand-logo-empty{width:min(360px,82vw);margin:0 auto 14px}
.game-brand-logo-noscript{width:min(360px,100%);margin:0 0 14px}
.brand-empty-state{text-align:center}
.welcome-brand-column{min-width:0}
.welcome-brand-kicker{margin:0 0 8px}
@media (max-width:900px){
  .topbar-brand{width:100%;justify-content:space-between}
  .game-brand-logo-top{width:170px;height:68px}
}
@media (max-width:520px){
  .topbar-brand{align-items:flex-start}
  .game-brand-logo-top{width:145px;height:58px}
  .topbar-brand-copy{padding-top:4px}
  .game-brand-logo-welcome{width:min(320px,100%)}
}


/* V8.32 · Logo centrado sobre el menú lateral y versión trasladada al footer. */
@media (min-width:1281px){
  .topbar{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    gap:18px;
    align-items:center;
  }
  .topbar-brand{
    width:310px;
    justify-content:center;
  }
  .game-brand-logo-top{object-position:center center}
  .top-actions{min-width:0}
}
.app-footer{
  padding:0 clamp(16px,3vw,36px) 24px;
  text-align:center;
  color:var(--muted);
}
.app-footer p{
  margin:0;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,.12);
  font-size:12px;
  font-weight:750;
  letter-spacing:.04em;
}
@media (max-width:900px){
  .topbar-brand{
    width:100%;
    justify-content:center;
  }
  .game-brand-logo-top{object-position:center center}
  .app-footer{padding-inline:14px}
}