/* src/styles.scss */
:root {
  --app-color-primario: #00639a;
  --app-color-primario-contrast: #ffffff;
  --app-color-primario-container: #cee5ff;
  --app-color-on-primario-container: #001d32;
  --app-color-secundario: #2075f5;
  --app-color-secundario-contrast: #ffffff;
  --app-color-secundario-container: #dcebff;
  --app-color-on-secundario-container: #0a3a75;
  --app-color-terciario: #009c3c;
  --app-color-terciario-contrast: #ffffff;
  --app-color-terciario-container: #ddf3e2;
  --app-color-on-terciario-container: #084a1c;
  --app-color-cuartario: #ee7626;
  --app-color-cuartario-contrast: #ffffff;
  --app-color-cuartario-container: #fde9d8;
  --app-color-on-cuartario-container: #5c2a00;
  --app-color-quintario: #af2727;
  --app-color-quintario-contrast: #ffffff;
  --app-color-quintario-container: #f8e1e1;
  --app-color-on-quintario-container: #6e1212;
  --app-color-acento: #00639a;
  --app-color-acento-contrast: #3d2f00;
  --app-color-acento-container: #fff4d6;
  --app-color-on-acento-container: #3d2f00;
  --app-color-error: #d93025;
  --app-color-error-contrast: #ffffff;
  --app-color-error-container: #fce8e6;
  --app-color-on-error-container: #730f00;
  --app-degradado-hero:
    linear-gradient(
      180deg,
      #00639a 0%,
      #e6f2fa 100%);
  --app-degradado:
    linear-gradient(
      135deg,
      #cee5ff,
      #e6f2fa);
  --app-degradado-fuerte:
    linear-gradient(
      135deg,
      #00639a,
      #ee7626);
  --app-fondo: #ffffff;
  --app-fondo-alt: #f2f5f7;
  --app-fondo-tarjeta: #ffffff;
  --app-fondo-encabezado: #f3f6fa;
  --app-fondo-azul: #e6f2fa;
  --app-fondo-cta: #e9fbf7;
  --app-texto: #1a1c1e;
  --app-texto-secundario: #5b6472;
  --app-texto-sobre-primario: #ffffff;
  --app-texto-hero: #ffffff;
  --app-borde: #d9dee2;
  --app-borde-fuerte: #c6ced8;
  --app-sombra: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  --app-sombra-elevada: 0 4px 12px rgba(16, 24, 40, 0.1);
}
:root {
  --app-radius-xs: 4px;
  --app-radius-sm: 8px;
  --app-radius-md: 12px;
  --app-radius-lg: 16px;
  --app-radius-tarjeta: 8px;
}
html {
  font-family:
    "Roboto",
    "Helvetica Neue",
    Arial,
    sans-serif;
}
body {
  margin: 0;
}
[appReveal] {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
[appReveal].visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  [appReveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */