@font-face {
    font-family: 'Outfit-Regular';
    src: url('/admin/assets/productos/fonts/Outfit-Regular.ttf') format('ttf'), url('/admin/assets/productos/fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit-SemiBold';
    src: url('/admin/assets/productos/fonts/Outfit-SemiBold.ttf') format('ttf'), url('/admin/assets/productos/fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit-Light';
    src: url('/admin/assets/productos/fonts/Outfit-Light.ttf') format('ttf'), url('/admin/assets/productos/fonts/Outfit-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --clr-azul: #0057EF;
    --clr-naranja: #FE5604;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    height: 100dvh;
}

body, .tooltip-inner {
    font-family: 'Outfit-Regular';
}

@font-face {
    font-family: 'icomoon';
    src: url('/admin/assets/productos/fonts/icomoon.eot?75n8jw');
    src: url('/admin/assets/productos/fonts/icomoon.eot?75n8jw#iefix') format('embedded-opentype'), url('/admin/assets/productos/fonts/icomoon.ttf?75n8jw') format('truetype'), url('/admin/assets/productos/fonts/icomoon.woff?75n8jw') format('woff'), url('/admin/assets/productos/fonts/icomoon.svg?75n8jw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up:before {
    content: "\e900";
}

.icon-arrow-down:before {
    content: "\e901";
}

.icon-arrow-rounded-next:before {
    content: "\e902";
}

.icon-arrow-rounded-previous:before {
    content: "\e903";
}

.icon-ic-admin:before {
    content: "\e904";
}

.icon-ic-auto:before {
    content: "\e905";
}

.icon-ic-chatia:before {
    content: "\e906";
}

.icon-ic-crm:before {
    content: "\e907";
}

.icon-ic-llanta:before {
    content: "\e908";
}

.icon-ic-pagos:before {
    content: "\e909";
}

.icon-ic-precios-unitarios:before {
    content: "\e90a";
}

.icon-ic-seminuevos:before {
    content: "\e92a";
}

.icon-ic-tv:before {
    content: "\e929";
}

.icon-ic-users:before {
    content: "\e92a";
}

.icon-ic-web:before {
    content: "\e90e";
}

.icon-dev-mobile:before {
    content: "\e90f";
}

.icon-dev-responsive:before {
    content: "\e910";
}

.icon-dev-web:before {
    content: "\e911";
}

.icon-llamar:before {
    content: "\e912";
}

.icon-correo:before {
    content: "\e913";
}

.icon-alert-ic:before {
    content: "\e914";
}

.icon-cerrar:before {
    content: "\e915";
}

.icon-check:before {
    content: "\e916";
}

.icon-logout:before {
    content: "\e917";
}

.icon-mas:before {
    content: "\e918";
}

.icon-open-link:before {
    content: "\e919";
}

.icon-password:before {
    content: "\e91a";
}

.icon-perfil-rounded:before {
    content: "\e91b";
}

.icon-play-ic:before {
    content: "\e91c";
}

.icon-ver-active:before {
    content: "\e91d";
}

.icon-ver-inactive:before {
    content: "\e91e";
}

.icon-video-colapse:before {
    content: "\e91f";
}

.icon-video-expand:before {
    content: "\e920";
}

.icon-video-pause:before {
    content: "\e921";
}

.icon-video-play:before {
    content: "\e922";
}

.icon-video-vol-off-ic:before {
    content: "\e923";
}

.icon-video-vol-on-ic:before {
    content: "\e924";
}

.icon-search:before {
    content: "\e925";
}

.icon-copiar:before {
    content: "\e926";
}

.icon-descargar:before {
    content: "\e927";
}

.icon-bloqueo:before {
    content: "\e928";
}

#form {
    height: 100%;
}

.modal-content,
.toast {
    border-radius: 16px;
    border: 2px solid #EEEFF2;
    box-shadow: 2px 3px 8px 0px #05101F29;
    padding: 25px;
}

.toast {
    padding: 16px !important;
}

    .toast.show {
        background-color: #fff;
    }

.enlace-contacto {
    color: #fff;
    display: flex;
    gap: 5px;
    align-items: center;
}

.header-enlaces {
    color: #fff;
}

    .header-enlaces a:hover {
        color: #fff;
    }

.enlace-contacto i {
    font-size: 1.5rem;
}


a {
    text-decoration: none;
}

header {
    background-color: #3B6BE6;
}