/* Tipografías institucionales del turnero público. */
@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-ExtraLight.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-Light_2.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../../fonts/turnero/Archivo-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../../fonts/turnero/Satoshi-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../../fonts/turnero/Satoshi-VariableItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
}

body.tema-turnos {
    font-family: 'Satoshi', Arial, sans-serif;
}

body.tema-turnos input,
body.tema-turnos select,
body.tema-turnos textarea,
body.tema-turnos md-select,
body.tema-turnos .md-select-menu-container,
body.tema-turnos .md-datepicker-calendar-pane {
    font-family: 'Satoshi', Arial, sans-serif;
}

/* Los trámites usan selects HTML nativos, mientras que dependencia usa
   md-select. Se explicita la familia en el control y sus opciones para que
   ambos mantengan la misma identidad visual. */
body.tema-turnos select.input-nuevo,
body.tema-turnos select.input-nuevo option,
body.tema-turnos .turno-wrapper md-select,
body.tema-turnos .turno-wrapper md-select .md-select-value,
body.tema-turnos md-option,
body.tema-turnos md-option .md-text,
.md-select-menu-container md-option,
.md-select-menu-container md-option .md-text {
    font-family: 'Satoshi', Arial, sans-serif !important;
    font-weight: 400;
}

/* Angular Material aplica un color oscuro al valor cuando md-select recibe
   foco. En el fondo del turnero, el estado activo debe conservar el blanco. */
body.tema-turnos .turno-wrapper md-select:not([disabled]):focus .md-select-value,
body.tema-turnos .turno-wrapper md-select:not([disabled]):focus .md-select-value > span,
body.tema-turnos .turno-wrapper md-select.md-focused .md-select-value,
body.tema-turnos .turno-wrapper md-select.md-focused .md-select-value > span,
body.tema-turnos .turno-wrapper md-select .md-select-value,
body.tema-turnos .turno-wrapper md-select .md-select-value > span,
body.tema-turnos .turno-wrapper md-select .md-select-icon {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.tema-turnos h1,
body.tema-turnos h2,
body.tema-turnos h3,
body.tema-turnos h4,
body.tema-turnos h5,
body.tema-turnos h6,
body.tema-turnos .landing-encabezado h1,
body.tema-turnos .opcion-pildora,
body.tema-turnos .opcion-card h2,
body.tema-turnos .organismos-titulo,
body.tema-turnos .tramite-titulo,
body.tema-turnos .turno-titulo,
body.tema-turnos .confirmar-columnas .dato p,
body.tema-turnos .mail-enviado-chip {
    font-family: 'Archivo', Arial, sans-serif;
}

body.tema-turnos button,
body.tema-turnos .btn,
body.tema-turnos .btn-pildora,
body.tema-turnos .btn-pildora-outline,
body.tema-turnos .nav-faq,
body.tema-turnos .opcion-boton-wrap,
body.tema-turnos .turno-botones,
body.tema-turnos .confirmar-botones,
body.tema-turnos .aviso-botones {
    font-family: 'Archivo', Arial, sans-serif;
}

/* El PDF asigna Satoshi a estas piezas aunque algunas sean títulos. */
body.tema-turnos .organismo-titulo,
body.tema-turnos .aviso-titulo,
body.tema-turnos .aviso-subtitulo,
body.tema-turnos .confirmar-titulo,
body.tema-turnos .confirmar-subtitulo,
body.tema-turnos .confirmar-exito h1,
body.tema-turnos .confirmar-exito h2 {
    font-family: 'Satoshi', Arial, sans-serif;
}

/* No interferir con las fuentes pictográficas de las librerías existentes. */
body.tema-turnos .material-icons {
    font-family: 'Material Icons';
}

body.tema-turnos .fa {
    font-family: FontAwesome;
}