/*

* Diseñado por: InfoZero.

*/
:root{
    --wblack: #252525;
    --pureblack: #121212;
    --gray: #363636;
    --lightgray: #363636;
    --lightgray-b: #4e4e4e;
    --white: #fff;
    --darkwhite: #f6f5f4;
    --darkwhite-table: #fcfcfc;
    --darkwhite-b: #8f8f8f;
    --darkwhite-c: #e9e9e9;
    --white-passive: #f9f9f9;
    --red: #ea4e43;
    --candy-red: #d42047;
    --red-b: #db473d;
    --orange: #fda403;
    --mango: #f26f12;
    --lightpink: #fff3f3;
    --lightpink-b: #f9e8e8;
    --blue: #0582ff;
    --lightblue-b: #dce8f4;
    --lightblue: #92bde8;
    --green: #1aad3a;
    --darkgreen: #138b2d;
    --darkblue: #045ac3;
    --darkblue-b: #087fe7;
    --darkblue-c: #24528a;
    --purple: #be1d60;
    --violet: #844BB6;
    --dark-red: #ba2835;
    --dark-wine: #a30047;
    --shadow: 0 .3259259164px .7333333492px 0 #0000001f,0 1.5407407284px 2.8666665554px 0 #00000012,0 4px 9px 0 #0000000d;
    --shadow-medium: 0 .2px .5px 0 #0000001a, 0 1px 2px 0 #00000012, 0 2px 4px 0 #0000000d;
    --shadow-semim: 0 .2px .5px 0 #dadada1a, 0 1px 2px 0 #dadada1a, 0 2px 4px 0 #dadada1a;
    --shadow-strong: 0 .5px 1px 0 #0000001f, 0 1.5px 3px 0 #00000014, 0 3px 6px 0 #0000000a;
    --shadow-s: 1px solid #0000001a;
    --inner-shadow-semim: inset 0 .2px .5px 0 #dadada1a, inset 0 1px 2px 0 #dadada1a, inset 0 2px 4px 0 #dadada1a;
    --inner-shadow-dark: inset 0 .2px .5px 0 #99999990, inset 0 1px 2px 0 #99999990, inset 0 2px 4px 0 #99999990;
    --inner-shadow-dark-b: inset 0 .2px .5px 0 #444444, inset 0 1px 2px 0 #444444, inset 0 2px 4px 0 #444444;
    --borderradius-l: 12px;
    --borderradius-s: 5px;
    --maxwidth-desktop: 1280px;
}
*, :after, :before{
    box-sizing: border-box;
}
html, body{
    margin: 0;
    padding: 0;
}
html{
    width: 100%;
    height: 100%;
}
body{
    box-sizing: border-box !important;
    /* font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-style: normal; */
    font-family: var(--regular);
    color: var(--wblack);
}
/* input, textarea, select, button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
} */
a{
    text-decoration: none;
}
input, textarea{
    outline: none;
    /* font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-style: normal; */
    font-family: var(--regular);
}
/* 
    select{
    outline: none;
    font-family: var(--regular);
    background-color: transparent;
}
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} */