/* Desk 1.0.33.3 — global responsive consistency */

/* PUSH submenu: hidden by default, blue when revealed. */
.redaccion-nav-group{position:relative!important;display:inline-flex!important;align-items:center!important}
.redaccion-nav-group .desk-nav-submenu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  z-index:40!important;
}
.redaccion-nav-group:hover .desk-nav-submenu,
.redaccion-nav-group:focus-within .desk-nav-submenu,
.redaccion-nav-group.submenu-open .desk-nav-submenu{
  display:block!important;
}
.redaccion-nav-group .desk-nav-submenu a{
  display:block!important;
  min-width:82px!important;
  background:#148bd1!important;
  color:#fff!important;
  border:1px solid #47b9ef!important;
  border-radius:8px!important;
  padding:7px 11px!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(3,28,72,.18)!important;
}
.redaccion-nav-group .desk-nav-submenu a:hover,
.redaccion-nav-group .desk-nav-submenu a.active{
  background:#0d6fb3!important;
  color:#fff!important;
}

/* Universal page geometry */
:root{
  --desk-max:1560px;
  --desk-pad-x:18px;
  --desk-pad-y:14px;
  --desk-gap:12px;
}
.page,
.radar-page,
.planning-page,
.conductor-page,
.edition-page,
.story-page,
.setup-page,
.users-page{
  max-width:var(--desk-max)!important;
  margin:0 auto!important;
  padding:var(--desk-pad-y) var(--desk-pad-x)!important;
  box-sizing:border-box!important;
}

/* Common compact typography and controls */
.page h1,.radar-page h1,.planning-page h1,.conductor-page h1,.edition-page h1,.story-page h1{font-size:28px!important;line-height:1.08!important}
.page h2,.radar-page h2,.planning-page h2,.conductor-page h2,.edition-page h2,.story-page h2{font-size:18px!important}
.panel,.card,.story-header,.hero{border-radius:10px}
.panel{padding:13px!important}
input,select,textarea,button,.button{font-size:12px!important}
input,select,textarea{padding:7px 9px!important}
label{font-size:11px!important}
.actions{gap:8px!important}

/* Main nav compactness */
.top{
  padding-left:12px!important;
  padding-right:12px!important;
  min-height:62px!important;
}
.desk-nav{
  gap:4px!important;
}
.desk-nav>a,
.redaccion-nav-group>a{
  padding:7px 9px!important;
  font-size:11px!important;
}
.brand-logo img{max-height:42px!important}
.editorial-clock{transform:scale(.9);transform-origin:center}
.top-actions{gap:7px!important}

/* Dashboard */
.dashboard-grid,.cards,.kanban,.editorial-grid{
  gap:10px!important;
}
.story-card,.edition-card,.dashboard-card{padding:12px!important}

/* Radar */
.radar-grid,.radar-layout{gap:10px!important}
.radar-item{padding:10px!important}
.radar-item h3{font-size:14px!important}

/* Conductor / editions */
.conductor-grid,.edition-grid{gap:9px!important}
.conductor-row,.bulletin-line{min-height:44px!important;padding:7px 9px!important}
.conductor-row input,.conductor-row select,.bulletin-line input,.bulletin-line select{min-height:30px!important}

/* Planificación */
.weekly-grid{gap:8px!important}
.planning-day{min-width:0!important}
.planning-slot{padding:8px 9px!important}
.planning-scheduled-item{padding:8px 9px!important}
.planning-day>header{padding:8px 10px!important}

/* Redacción editor */
.story-editor-form{gap:10px!important}
.story-fields{gap:7px!important}
.story-meta{gap:6px!important}
.newsroom-preview article{font-size:14px!important;line-height:1.55!important}

/* Live Banner plugin pages */
.live-banner-page,.live-banner-shell,.lb-page{
  max-width:var(--desk-max)!important;
  margin:0 auto!important;
  padding:12px 18px!important;
}
.live-banner-page input,.live-banner-page select,.live-banner-page textarea,
.lb-page input,.lb-page select,.lb-page textarea{font-size:12px!important;padding:7px 9px!important}

/* Push plugin pages */
.push-page,.push-shell{
  max-width:var(--desk-max)!important;
  margin:0 auto!important;
  padding:12px 18px!important;
}
.push-page input,.push-page select,.push-page textarea{font-size:12px!important;padding:7px 9px!important}

/* Desk TV */
.tv-page,.desk-tv-page,.tv-shell{
  max-width:var(--desk-max)!important;
  margin:0 auto!important;
  padding:12px 16px!important;
}
.tv-page .panel,.desk-tv-page .panel{padding:12px!important}
.tv-page input,.tv-page select,.tv-page textarea,.tv-page button,
.desk-tv-page input,.desk-tv-page select,.desk-tv-page textarea,.desk-tv-page button{
  font-size:12px!important;padding:7px 9px!important
}
.tv-grid,.tv-workspace,.graphic-workspace{gap:9px!important}

/* Growth */
.growth-page{
  max-width:var(--desk-max)!important;
  margin:0 auto!important;
  padding:12px 16px!important;
}
.growth-page h1{font-size:30px!important}
.growth-page h2{font-size:19px!important}
.gpanel{padding:13px!important}
.growth-page input,.growth-page select,.growth-page textarea,.growth-page button,.growth-page .gbutton{
  font-size:12px!important;padding:7px 9px!important
}
.growth-nav{gap:4px!important}
.growth-nav a{font-size:11px!important;padding:7px 8px!important}
.kpis{gap:8px!important}
.kpis>div{padding:11px!important}

/* 13-inch laptop scaling */
@media (min-width:901px) and (max-width:1450px){
  :root{
    --desk-max:1400px;
    --desk-pad-x:12px;
    --desk-pad-y:10px;
    --desk-gap:8px;
  }
  .top{min-height:58px!important}
  .brand-logo img{max-height:38px!important}
  .desk-nav>a,.redaccion-nav-group>a{font-size:10.5px!important;padding:6px 7px!important}
  .editorial-clock{transform:scale(.84)}
  .page h1,.radar-page h1,.planning-page h1,.conductor-page h1,.edition-page h1,.story-page h1{font-size:25px!important}
  .page h2,.radar-page h2,.planning-page h2,.conductor-page h2,.edition-page h2,.story-page h2{font-size:17px!important}
  .panel{padding:11px!important}
  input,select,textarea,button,.button{font-size:11.5px!important}
  .story-editor-form{grid-template-columns:minmax(300px,.75fr) minmax(440px,1.25fr)!important}
  .newsroom-preview .preview-copy h1{font-size:24px!important}
  .newsroom-preview .preview-copy p,.newsroom-preview article{font-size:13.5px!important}
}

/* Low-height laptop windows */
@media (min-width:901px) and (max-height:820px){
  .hero{margin-bottom:8px!important}
  .story-header{margin-bottom:6px!important}
  .language-switch{margin:6px 0!important}
  .newsroom-preview .featured-card img{max-height:150px!important}
  .story-fields textarea[name="angle"]{min-height:52px!important}
  .story-fields .visual-editor-surface,.story-fields textarea.editor{max-height:32dvh!important}
  .planning-day>header{padding:7px 9px!important}
}

/* Tablet/mobile */
@media (max-width:900px){
  .top{flex-wrap:wrap!important}
  .desk-nav{overflow-x:auto!important;white-space:nowrap!important;max-width:100%!important}
  .editorial-clock{display:none!important}
  .page,.radar-page,.planning-page,.conductor-page,.edition-page,.story-page,.growth-page,.tv-page,.desk-tv-page{
    padding:10px!important
  }
  .weekly-grid{grid-template-columns:1fr!important}
  .story-editor-form{grid-template-columns:1fr!important}
  .growth-nav{overflow-x:auto!important;white-space:nowrap!important}
}