/* NailsGestion typography standard */
:root {
    --font: 'DM Sans', sans-serif;
    --font-title: 'DM Sans', sans-serif;
    --fs-p: 13px;
    --fs-button: 13px;
    --fs-h1: 26px;
    --fs-h2: 22px;
    --fs-h3: 18px;
    --fs-h4: 16px;
    --fs-h5: 13px;
    --fs-h6: 13px;
    --button-radius: 10px;
}

body {
    font-family: var(--font) !important;
    font-size: var(--fs-p);
    font-weight: 400;
}

button,
input,
select,
textarea {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-wrap: balance;
}

h1 { font-size: var(--fs-h1) !important; line-height: 1.2; }
h2 { font-size: var(--fs-h2) !important; line-height: 1.25; }
h3 { font-size: var(--fs-h3) !important; line-height: 1.3; }
h4 { font-size: var(--fs-h4) !important; line-height: 1.35; }
h5 { font-size: var(--fs-h5) !important; line-height: 1.4; }
h6 { font-size: var(--fs-h6) !important; line-height: 1.4; }

p {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
    font-weight: 400 !important;
    line-height: 1.6;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-wrap: balance;
}

p a {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
}

label,
input,
select,
textarea,
input::placeholder,
textarea::placeholder {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
.google-login-btn,
a[class*="btn"],
a[class*="accion"],
.accion-link,
.filtro-btn,
.vista-btn,
.msg-tab {
    font-family: var(--font) !important;
    font-size: var(--fs-button) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding: 13px !important;
}

.btn,
.button,
.google-login-btn,
a[class*="btn"],
a[class*="accion"],
.accion-link,
.filtro-btn,
.vista-btn,
.msg-tab,
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="submit"],
button[type="button"]:not(.fab):not(.toggle-pass):not(.btn-perfil):not(.btn-trash-header):not(.btn-quitar-persona):not(.btn-eliminar-extra):not(.btn-add):not(.btn-promo-add):not(.cal-nav):not(.modal-x):not(.mc-del):not(.lightbox-cerrar):not(.modal-foto-cerrar):not(.foto-thumb-del):not([class*="cerrar"]):not([class*="del"]):not([class*="eliminar"]) {
    border-radius: var(--button-radius) !important;
}

form label,
.campo label,
.form-label,
.campo-mini label,
.campo-pub label,
[class*="label"] {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
form select,
select,
form textarea,
textarea,
.form-input,
.codigo-input,
.msg-textarea,
.reagendar-input,
.buscar-clienta-input,
.buscador,
.foto-desc-input,
.foto-subir-desc,
.modal-baja-input {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

input::placeholder,
textarea::placeholder,
.form-input::placeholder,
.codigo-input::placeholder,
.msg-textarea::placeholder,
.reagendar-input::placeholder,
.buscar-clienta-input::placeholder,
.buscador::placeholder,
.foto-desc-input::placeholder,
.foto-subir-desc::placeholder,
.modal-baja-input::placeholder {
    font-family: var(--font) !important;
    font-size: var(--fs-p) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

[class*="titulo"],
[class*="title"],
[class*="label"],
[class*="badge"],
[class*="lbl"] {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.app-header-back,
.btn-volver,
.btn-perfil,
.btn-trash-header,
.fab,
.modal-cerrar,
.modal-foto-cerrar,
.lightbox-cerrar,
.noti-cerrar,
.foto-thumb-del,
.btn-foto-eliminar,
.btn-quitar-persona,
.btn-eliminar-extra,
.btn-add,
.btn-promo-add,
.cal-nav,
.modal-x,
.mc-del,
.semana-nav-btn,
.mes-nav-btn,
.toggle-pass {
    padding: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    flex-shrink: 0;
}
