/* ============================================================
   V9.9.68 · FINAL INICIO ESCRITORIO
   IMPORTANT:
   - SOLO escritorio >= 1024px
   - móvil queda intacto
   - oculta por completo el home antiguo en escritorio
   - muestra una sola cuadrícula 4x3 centrada
   - usa 12 tarjetas recortadas del diseño aprobado
   ============================================================ */

.desktop-home-v9968{display:none}

@media (min-width:1024px){
  /* Escritorio: sin barra lateral azul */
  .layout{grid-template-columns:1fr !important}
  .layout > .sidebar,
  .sidebar{display:none !important}

  .main{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .mobile-head,.mobile-nav{display:none !important}

  .desktop-menu-btn{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:11px 16px !important;
    margin:0 0 14px !important;
    border-radius:16px !important;
    border:1px solid #d5e1f0 !important;
    background:#fff !important;
    color:#17365d !important;
    font-weight:800 !important;
    box-shadow:0 10px 24px rgba(17,38,74,.08) !important;
    position:sticky !important;
    top:14px !important;
    z-index:25 !important;
  }
  body.home-screen .desktop-menu-btn{display:none !important}

  /* Aislamiento total: en escritorio, el home antiguo no participa en layout. */
  body.home-screen #inicio > .home-premium-stage{display:none !important}

  body.home-screen .main{
    min-height:100vh !important;
    padding:14px 18px 18px !important;
    background:#eef4fb !important;
    overflow:auto !important;
  }

  body.home-screen #inicio.launcher-view{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    min-height:calc(100vh - 32px) !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    background:#eef4fb !important;
  }

  body.home-screen .desktop-home-v9968{
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    gap:14px !important;
    width:min(1240px, calc(100vw - 44px)) !important;
    min-height:calc(100vh - 44px) !important;
    margin:0 auto !important;
    padding:18px 24px 20px !important;
    border:1px solid #d9e5f2 !important;
    border-radius:30px !important;
    background:
      radial-gradient(circle at 100% 0%,rgba(216,232,250,.55),transparent 30%),
      radial-gradient(circle at 0% 100%,rgba(221,235,251,.5),transparent 28%),
      linear-gradient(180deg,#fbfdff 0%,#f2f7fd 100%) !important;
    box-shadow:0 20px 50px rgba(23,54,93,.09) !important;
    overflow:hidden !important;
  }

  .desktop-home-v9968-head{
    text-align:center !important;
    padding:0 20px !important;
  }
  .desktop-home-v9968-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 18px !important;
    border-radius:999px !important;
    background:#e7f1fb !important;
    color:#1760c2 !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    margin-bottom:7px !important;
  }
  .desktop-home-v9968-head h1{
    margin:0 !important;
    color:#10195c !important;
    font-size:clamp(34px,4vw,56px) !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
  .desktop-home-v9968-head p{
    margin:8px auto 0 !important;
    max-width:980px !important;
    color:#2f4d8f !important;
    font-size:clamp(14px,1.35vw,19px) !important;
    line-height:1.35 !important;
  }

  .desktop-home-v9968-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,minmax(0,1fr)) !important;
    column-gap:clamp(18px,3vw,42px) !important;
    row-gap:clamp(12px,1.8vh,22px) !important;
    align-items:center !important;
    justify-items:center !important;
    min-height:0 !important;
    padding:0 8px 2px !important;
  }

  .desktop-home-v9968-grid button{
    display:block !important;
    width:min(100%,250px) !important;
    height:min(100%,205px) !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:28px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    cursor:pointer !important;
    transition:transform .16s ease,filter .16s ease !important;
  }
  .desktop-home-v9968-grid button:hover{
    transform:translateY(-4px) scale(1.018) !important;
    filter:drop-shadow(0 14px 22px rgba(23,54,93,.18)) !important;
  }
  .desktop-home-v9968-grid button:focus-visible{
    outline:3px solid #61b5ff !important;
    outline-offset:4px !important;
  }
  .desktop-home-v9968-grid img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:26px !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }
}

/* Portátil 1366x768 / alturas similares: garantiza que entren las 3 filas sin cortes. */
@media (min-width:1024px) and (max-height:820px){
  body.home-screen .main{padding:8px 12px 12px !important}
  body.home-screen #inicio.launcher-view{min-height:calc(100vh - 20px) !important}
  body.home-screen .desktop-home-v9968{
    width:min(1160px, calc(100vw - 28px)) !important;
    min-height:calc(100vh - 24px) !important;
    padding:12px 20px 14px !important;
    gap:9px !important;
  }
  .desktop-home-v9968-head h1{font-size:clamp(30px,3.5vw,43px) !important}
  .desktop-home-v9968-head p{font-size:14px !important;margin-top:5px !important}
  .desktop-home-v9968-badge{padding:5px 14px !important;font-size:11px !important;margin-bottom:5px !important}
  .desktop-home-v9968-grid{
    column-gap:clamp(14px,2.2vw,28px) !important;
    row-gap:8px !important;
  }
  .desktop-home-v9968-grid button{
    width:min(100%,210px) !important;
    height:min(100%,163px) !important;
  }
}

/* Escritorio algo más estrecho: mantiene 4 columnas y centra la composición. */
@media (min-width:1024px) and (max-width:1180px){
  body.home-screen .desktop-home-v9968{
    width:calc(100vw - 24px) !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .desktop-home-v9968-grid{
    column-gap:12px !important;
  }
}