/* TEMA PREMIUM de la Suite (Pedro, 07/10/2026: «tipo de letra Atelier y los botones Geist»).
   Lo mete suite.py en TODAS las páginas HTML (portal, CRM y FLC), igual que avisos-flc.js. Quitarlo = borrar este fichero.
   No cambia colores ni posiciones: solo la LETRA (según la que tenía cada cosa) y el acabado de los BOTONES.
     Inter (texto)                      -> Manrope
     Poppins / Space Grotesk (títulos)  -> Cormorant Garamond, igualada en altura (font-size-adjust) para que se lea pequeña
     Geist Mono / monoespaciada         -> JetBrains Mono
   Las listas de selectores salen de las plantillas (CSS que fijaba cada familia); los !important ganan a los estilos en línea. */
:root {
  --tp-texto: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tp-titulo: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --tp-mono: "JetBrains Mono", "Geist Mono", ui-monospace, Consolas, monospace;
}

/* 1) TEXTO: todo en Manrope (menos los iconos SVG) */
html body, html body *:not(svg):not(svg *) { font-family: var(--tp-texto) !important; }
html body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* 2) TÍTULOS: Cormorant Garamond (solo títulos de verdad; botones, etiquetas y cabeceras de tabla siguen en Manrope) */
html body :is(h1, h2, h3, header h1, .titulo-vista, .tit, .caja-tit, .pop-tit, .form-title, .modal .cab, .aviso h3, .avisos-tit,
  .aes-title, .brand-name, .marca, .top .marca, .card h2, .diapanel .dhead, .nav .mes, .big, .kpi .n, .mcc-tit,
  #modal-facturados .mf-cab h3, #modal-facturados .mfc-tit, #mcc-bloqueo h3) {
  font-family: var(--tp-titulo) !important;
  font-weight: 600 !important;
  font-size-adjust: .5;
  letter-spacing: .005em;
}
html body .kpi .n { font-size-adjust: .56; letter-spacing: 0; font-variant-numeric: lining-nums; }

/* 3) CÓDIGOS Y CIFRAS: JetBrains Mono */
html body :is(code, pre, kbd, samp, #term, .cod, .chip, .msg, .sms-url, .aes-lines, .cal-bus-cod, .cal-flc-cod, .dias-mat, .dias-mat-fin,
  .barra-curso .bc-cod, .barra-curso .bc-fechas, .bc-cod-txt, .mf-curso-cab .mfc-cod),
html body [style*="Geist Mono"], html body [style*="monospace"], html body [style*="Consolas"] {
  font-family: var(--tp-mono) !important;
  letter-spacing: 0;
}

/* 4) BOTONES estilo Geist: finos, esquinas de 8 px, peso medio, un hilo de 1 px y brillo de su color al pasar */
html body :is(button, .btn, input[type="submit"], input[type="button"], .mcc-btn, .btn-entrar, .crear, .guardar, .llamar, .ir, .fab) {
  border-radius: 8px;
  font-weight: 500 !important;
  letter-spacing: .005em;
  transition: box-shadow .18s ease, transform .18s ease, filter .18s ease, background-color .18s ease;
}
/* los de color (azul, verde, añadir, asignar, sincronizar…) llevan el hilo y el halo de Geist */
html body :is(.btn-azul, .btn-add, .btn-add-claro, .mcc-btn, .btn-entrar, .btn-sync, .guardar, .crear, input[type="submit"]) {
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .14), 0 4px 14px -6px rgba(29, 78, 216, .55);
}
html body .btn-verde { box-shadow: 0 0 0 1px rgba(15, 23, 42, .12), 0 4px 14px -6px rgba(22, 163, 74, .55); }
html body :is(.btn-azul, .btn-add, .btn-add-claro, .mcc-btn, .btn-entrar, .btn-sync, .guardar, .crear, input[type="submit"]):not(:disabled):hover {
  transform: translateY(-1px);
  filter: brightness(1.05) saturate(1.05);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .16), 0 8px 22px -8px rgba(29, 78, 216, .7);
}
html body .btn-verde:not(:disabled):hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 0 0 1px rgba(15, 23, 42, .14), 0 8px 22px -8px rgba(22, 163, 74, .7); }
/* los grises / transparentes: solo el hilo fino al pasar */
html body :is(.btn-ghost, .btn-claro):not(:disabled):hover { box-shadow: 0 0 0 1px rgba(59, 130, 246, .35); }
/* foco de teclado visible en todos */
html body :is(button, .btn, a, input, select, textarea):focus-visible { outline: 2px solid rgba(59, 130, 246, .55); outline-offset: 2px; }

/* 5) Detalles finos: cifras alineadas en las tablas */
html body table { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  html body :is(button, .btn, .mcc-btn) { transition: none; }
  html body :is(.btn-azul, .btn-verde, .btn-add, .btn-add-claro, .mcc-btn, .btn-entrar, .btn-sync, .guardar, .crear):hover { transform: none; }
}