/* ============================================================================
   SIG_V1 — Menú principal y Portal (Módulos de trabajo): SOLO el ícono
   ----------------------------------------------------------------------------
   Desde el 15-09-2026 los PNG del menú están LIMPIOS: 512×512, fondo
   transparente, sin marco blanco ni sombra ni marca "Dola AI" (originales en
   Imagenes/originales_2026-09-15/). Ya no hace falta recortar con clip-path:
   la imagen se muestra entera (object-fit:contain) con una sombra sutil.
   Se quita la sombra de tarjeta del botón. Reversible: quitar el <link>.
   Solo escritorio/tableta (>768 px): en el teléfono los mosaicos son filas
   con etiqueta (css/rediseno/iconos.css) y no se tocan.
   ============================================================================ */
@media (min-width:769px){

  /* Imagen limpia entera, sin recorte; sombra propia sutil. */
  .menu-grid .mod-tile-3d .mod-tile-icon-img img[src]{
    object-fit:contain !important;
    background:transparent !important;
    border-radius:0 !important;
    clip-path:none !important;
    transform:none !important;
    filter:drop-shadow(0 2px 4px rgba(15,23,42,.28));
  }

  /* Botón sin tarjeta: sin fondo, sin borde, sin sombra, sin brillo. */
  .menu-grid .mod-tile.mod-tile-3d:has(img){
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    box-shadow:none !important;
  }
  .menu-grid .mod-tile.mod-tile-3d:has(img)::before,
  .menu-grid .mod-tile.mod-tile-3d:has(img)::after{ display:none !important; }

  /* Hover sutil: sube un poco y aclara, sin volver a pintar tarjeta. */
  .menu-grid .mod-tile.mod-tile-3d:has(img):hover,
  .menu-grid .mod-tile.mod-tile-3d:has(img):active{
    box-shadow:none !important;
    transform:translateY(-3px) !important;
    filter:brightness(1.08);
  }

  /* Foco visible con teclado (claro y oscuro). */
  .menu-grid .mod-tile.mod-tile-3d:focus-visible{
    outline:3px solid #1a56db !important;
    outline-offset:2px;
    box-shadow:none !important;
  }
  html[data-theme="dark"] .menu-grid .mod-tile.mod-tile-3d:focus-visible{
    outline-color:#8ab4ff !important;
  }
}

/* Contraste en tema oscuro: los títulos de sección "azul-oscuro" (#1a3e8a)
   quedaban a 1,79:1 sobre el fondo oscuro. Letra clara sobre fondo oscuro. */
html[data-theme="dark"] #screen-menu .menu-section-title.azul-oscuro,
html[data-theme="dark"] #screen-menu .menu-section-title.azul-oscuro *{
  color:#dce8fb !important;
}

/* Cabecera y barra de estado en tema oscuro: el texto quedaba azul oscuro
   (1,6-2,9:1) hasta que js/nucleo/contraste.js lo corregía. Letra clara en
   origen para que nunca parpadee oscura sobre fondo oscuro. */
html[data-theme="dark"] .app-header .header-title,
html[data-theme="dark"] .status-bar .status-item,
html[data-theme="dark"] .status-bar .status-version{
  color:#e2e8f0 !important;
}

/* Botón "✕ Salir" del Portal en tema oscuro: blanco sobre #f87171 daba
   2,77:1. Rojo profundo (#b91c1c) con letra blanca = 6,5:1. */
html[data-theme="dark"] .portal-tab.portal-tab-exit{
  background:#b91c1c !important;
  color:#ffffff !important;
}