/* src/styles.css */
:root {
  color-scheme: light;
  --tema-fondo: #ffffff;
  --tema-superficie: #f4f8fb;
  --tema-texto: #14283f;
  --tema-texto-secundario: #526579;
  --tema-borde: #dce6ed;
  --tema-acento: #008f95;
}
:root.tema-oscuro {
  color-scheme: dark;
  --tema-fondo: #0b1424;
  --tema-superficie: #152338;
  --tema-texto: #f2f7fb;
  --tema-texto-secundario: #b6c7d6;
  --tema-borde: #304259;
  --tema-acento: #45d0c9;
}
body {
  transition: background-color 0.25s ease, color 0.25s ease;
}
.btn-tema {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--tema-borde);
  border-radius: 50%;
  background-color: var(--tema-superficie);
  color: var(--tema-texto);
  font-size: 20px;
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.2s ease;
}
.btn-tema:hover {
  transform: translateY(-2px);
  background-color: var(--tema-borde);
}
.btn-tema:focus-visible {
  outline: 3px solid var(--tema-acento);
  outline-offset: 3px;
}
html {
  --fisio-escala-texto: 1;
  font-size: calc(16px * var(--fisio-escala-texto));
}
body {
  font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
html.fisio-alto-contraste {
  filter: contrast(1.5);
}
html.fisio-alto-contraste body {
  background-color: #000000;
}
html.fisio-enlaces-resaltados a {
  outline: 2px solid #facc15 !important;
  outline-offset: 3px;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
}
html.fisio-sin-animaciones *,
html.fisio-sin-animaciones *::before,
html.fisio-sin-animaciones *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}
html.fisio-cursor-grande,
html.fisio-cursor-grande body,
html.fisio-cursor-grande * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M4 3V38L13 29L20 44L28 40L21 25H35Z' fill='white' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3, auto !important;
}
html.fisio-cursor-grande button,
html.fisio-cursor-grande a,
html.fisio-cursor-grande select,
html.fisio-cursor-grande [role=button] {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M4 3V38L13 29L20 44L28 40L21 25H35Z' fill='%2369c4cf' stroke='black' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3, pointer !important;
}
html.fisio-cursor-grande input,
html.fisio-cursor-grande textarea,
html.fisio-cursor-grande [contenteditable=true] {
  cursor: text !important;
}

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