@charset "UTF-8";

/* src/styles.scss */
:root {
  --color-primary: #0f74bb;
  --color-primary-dark: #1e3668;
  --color-secondary: #3257a2;
  --color-secondary-alt: #4064af;
  --color-tertiary: #536383;
  --color-success: #4bd08b;
  --color-warning: #ffc435;
  --color-error: #e53935;
  --color-alert: #19b3d7;
  --color-white: #ffffff;
  --color-surface: #ffffff;
  --color-border-muted: #c3c3c3;
  --color-placeholder: #d0d0d0;
  --color-text-heading: #232e63;
  --color-text-title: #000000;
  --color-text-body: #223e80;
  --color-text-muted: #61677d;
  --color-link: #2d4fa2;
  --font-family-title: "Questrial", sans-serif;
  --font-family-body: "Poppins", sans-serif;
  --font-family-footer: "Open Sans", sans-serif;
  --font-size-title: 31px;
  --font-weight-title: 400;
  --font-weight-body: 400;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-style-title: normal;
  --font-style-body: normal;
  --font-size-subtitle: 20px;
  --font-size-panel-title: 20px;
  --font-size-body: 17px;
  --font-size-control: 17px;
  --font-size-button: 16px;
  --font-size-footer: 15px;
  --font-size-footer-heading: 24px;
  --line-height-title: 44.315px;
  --line-height-subtitle: 33px;
  --line-height-panel: 30px;
  --line-height-body: 30px;
  --line-height-control: 27px;
  --line-height-button: 24px;
  --line-height-footer: 32px;
  --radius-card: 20px;
  --radius-input: 8px;
  --radius-button: 5px;
  --shadow-card: 0 4px 30px rgba(0, 0, 0, 0.15);
  --input-height: 51px;
  --button-height: 60px;
  --auth-card-max-width: 944px;
  --auth-card-min-height: 781px;
  --footer-height: 290px;
  --spacing-page: 24px;
  --spacing-section: 16px;
  --spacing-field: 12px;
  --spacing-auth-form-column: 79px;
  --spacing-auth-form-row: 15px;
  --login-forgot-line-height: 22px;
  --auth-form-col-access: 389px;
  --auth-form-col-actions: 281px;
  --dashboard-header-min-height: 213px;
  --sidebar-width-expanded: 469px;
  --sidebar-width-collapsed: 191px;
  --color-surface-muted: #f7f8fb;
  --color-status-badge-bg: #cad6ec;
  --color-menu-pliego: #2e4265;
  --color-menu-ahorro: #596683;
  --color-menu-prestamos: #0181db;
  --color-menu-citas: #fc9b24;
  --color-login-citas-btn: #fc9b24;
  --shadow-menu-tile: 0 2px 6px rgba(37, 83, 185, 0.1);
  --shadow-sidebar: 10px 4px 24px rgba(0, 0, 0, 0.05);
  --shadow-tab: 0 0 4.5px rgba(37, 83, 185, 0.15);
  --header-circle-dashboard: #4064af;
  --header-circle-ticket: #4064af;
  --header-circle-notificaciones: #0181db;
  --header-circle-logout: #223e80;
  --font-size-welcome: 24px;
  --font-size-header-action: 11px;
  --font-size-status-badge: 10px;
  --font-size-tab: 15px;
  --font-size-menu-tile: 17px;
  --line-height-welcome: 30px;
  --line-height-data: 26px;
}
.portal-title {
  color: var(--color-text-title);
  font-family: var(--font-family-title);
  font-size: var(--font-size-title);
  font-style: var(--font-style-title);
  font-weight: var(--font-weight-title);
  line-height: var(--line-height-title);
  margin: 0;
}
.portal-subtitle {
  font-family: var(--font-family-title);
  font-size: var(--font-size-subtitle);
  font-weight: var(--font-weight-title);
  font-style: var(--font-style-title);
  line-height: var(--line-height-subtitle);
  color: var(--color-text-heading);
  margin: 0;
}
.portal-panel-title {
  font-family: var(--font-family-body);
  font-size: var(--font-size-panel-title);
  font-weight: var(--font-weight-medium);
  font-style: var(--font-style-body);
  line-height: var(--line-height-panel);
  color: var(--color-text-heading);
  margin: 0;
}
.portal-body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  line-height: var(--line-height-body);
  color: var(--color-text-heading);
}
.portal-control-label {
  font-family: var(--font-family-body);
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  line-height: var(--line-height-control);
  color: var(--color-text-body);
}
.portal-link {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  font-style: var(--font-style-body);
  color: var(--color-link);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.portal-muted {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  color: var(--color-text-muted);
}
.portal-error-text {
  font-family: var(--font-family-body);
  font-size: 14px;
  color: var(--color-error);
  margin-top: 4px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}
body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  color: var(--color-text-body);
  background-color: var(--color-tertiary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
a {
  color: inherit;
}
button,
input,
select {
  font: inherit;
}

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