:root {
  --cassiopeia-color-primary: #5BA6A0;   /* Verdeazulado tenue */
  --cassiopeia-color-hover: #3D7D77;     /* Verdeazulado más oscuro */
  --cassiopeia-color-secondary: #B2DFDB; /* Verde pastel */
  --cassiopeia-color-background: #FFFFFF; /* Fondo blanco */
  --cassiopeia-color-text: #2F2F2F;      /* Texto neutro oscuro */
}

/* Fondo general y texto */
body {
  background-color: var(--cassiopeia-color-background);
  color: var(--cassiopeia-color-text);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Títulos */
h1, h2, h3, h4, h5 {
  color: var(--cassiopeia-color-primary);
}

/* Enlaces */
a {
  color: var(--cassiopeia-color-primary);
  text-decoration: none;
}

a:hover {
  color: var(--cassiopeia-color-hover);
  text-decoration: underline;
}

/* Botones */
button, .btn {
  background-color: var(--cassiopeia-color-primary);
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px;
  border: none;
  transition: background-color 0.3s ease;
}

button:hover, .btn:hover {
  background-color: var(--cassiopeia-color-hover);
}

/* Fondo blanco para el encabezado */
.header, .container-header, header {
  background: #ffffff !important; /* Elimina degradado o imágenes */
  background-image: none !important;
  background-gradient: none !important;
  box-shadow: none;
  color: var(--cassiopeia-color-text);
}

.grid-child.container-nav {
  background: var(--cassiopeia-color-primary); /* Elimina degradado o imágenes */
  }