/* ==========================================================================
   IDENTITAT CORPORATIVA I ESTILS GLOBALS - NÚRIA 1940
   ========================================================================== */
:root {
  /* Paleta Corporativa extreta del logo */
  --nuria-navy: #1F336E;       /* Blau marí principal */
  --nuria-navy-hover: #162552; /* Blau marí fosc per a hover */
  --nuria-cyan: #149CE2;       /* Blau cel d'accent */
  --nuria-cyan-hover: #0D82C2; /* Blau cel enfosquit */
  --nuria-bg-light: #F8FAFC;   /* Fons de pàgina/panells */
  --nuria-border: #E2E8F0;     /* Separadors i vores */
  --nuria-text-dark: #0F172A;  /* Text principal fosc */
  --nuria-text-muted: #64748B; /* Text secundari/etiquetes */
  --nuria-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* --- Títol Principal (H1) amb Accent Corporatiu --- */
h1 {
  font-family: var(--nuria-font) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  color: var(--nuria-text-dark) !important;
  letter-spacing: -0.01em !important;
  background-image: none !important;
  margin-top: 5px !important;
  margin-bottom: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--nuria-border) !important;
  position: relative !important;
}

/*
h1::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 60px !important;
  height: 2px !important;
  background-color: var(--nuria-cyan) !important;
  border-radius: 2px !important;
}
*/

/* --- Botons Generals (.button) --- */
.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--nuria-navy) !important;
  color: #ffffff !important;
  font-family: var(--nuria-font) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
  cursor: pointer !important;
}

.button:hover {
  background-color: var(--nuria-navy-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-1px) !important;
}

.button:active {
  background-color: #101c3d !important;
  transform: translateY(0) !important;
}