/*
    Theme Name: Kronos theme.
    Theme URI: 
    Author: Equipo Medra Marketing.
    Author URI: 
    Description: Tema Diseñado para Kronos NP por Medra. 
    Version: 1.0.0.
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: empresas, industria, comercial, empresarial, servicios, productos de limpieza, productos sanitarios.
    Text Domain: 
*/

/*Estilos Globales */
:root {

    /** Fuentes **/
    --fuente-sora-bold: 'Sora-Bold', sans-serif;
    --fuente-sora-extraBold: 'Sora-ExtraBold', sans-serif;
    --fuente-sora-extraLight: 'Sora-ExtraLight', sans-serif;
    --fuente-sora-light: 'Sora-Light', sans-serif;
    --fuente-sora-medium: 'Sora-Medium', sans-serif;
    --fuente-sora-regular: 'Sora-Regular', sans-serif;
    --fuente-sora-semibold: 'Sora-SemiBold', sans-serif;
    --fuente-sora-thin: 'Sora-Thin', sans-serif;
    --fuente-haniva: 'Haniva-VF', sans-serif;

    /** Colores **/
    --color-azul: #117dde;
    --color-aqua: #8dd9db;
    --color-azul-marino: #181446;
    --color-gris: #737478;
    --color-blanco: white;
    --color-amarillo: #ffe14d;
    --color-azul-bajito: #e1eaf9;
}

@font-face {
    font-family: 'Sora-Bold';
    src: url('font/Sora-Bold.ttf');
}

@font-face {
    font-family: 'Sora-ExtraBold';
    src: url('font/Sora-ExtraBold.ttf');
}

@font-face {
    font-family: 'Sora-ExtraLight';
    src: url('font/Sora-ExtraLight.ttf');
}

@font-face {
    font-family: 'Sora-Light';
    src: url('font/Sora-Light.ttf');
}

@font-face {
    font-family: 'Sora-Medium';
    src: url('font/Sora-Medium.ttf');
}

@font-face {
    font-family: 'Sora-Regular';
    src: url('font/Sora-Regular.ttf');
}

@font-face {
    font-family: 'Sora-SemiBold';
    src: url('font/Sora-SemiBold.ttf');
}

@font-face {
    font-family: 'Sora-Thin';
    src: url('font/Sora-Thin.ttf');
}

@font-face {
    font-family: 'Haniva-VF';
    src: url('font/Haniva-VF.ttf');
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth;
    /* 10px = 1rem*/
}

*,
*:before,
*:after {
    box-sizing: inherit;

}

/** globales **/
p {
    margin: 0;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

hr {
    border: 1px solid var(--gris-claro);
}

.contenedor {
    width: min(95%, 120rem);
    margin: 0 auto;
}

br {
    display: none;
}

@media(min-width: 970px) {
    br {
        display: block;
    }
}

body {
    background-color: var(--color-azul-bajito);
}