/* ==========================================================
   CocoaFlow IA
   RESET.CSS
   ========================================================== */

/* =========================
   RESET GLOBAL
========================= */

*,
*::before,
*::after{

    margin:0;
    padding:0;

    box-sizing:border-box;

}

/* =========================
   HTML / BODY
========================= */

html{

    width:100%;
    height:100%;

    font-size:16px;

    scroll-behavior:smooth;

}

body{

    width:100%;
    height:100%;

    overflow:hidden;

    font-family:'Inter',sans-serif;

    font-size:16px;

    font-weight:400;

    line-height:1.5;

    color:#1F2937;

    background:#F6F7FB;

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

    text-rendering:optimizeLegibility;

}

/* =========================
   ROOT
========================= */

#app{

    width:100%;

    height:100vh;

}

/* =========================
   IMAGENS
========================= */

img,
picture{

    display:block;

    max-width:100%;

    user-select:none;

}

/* =========================
   LINKS
========================= */

a{

    color:inherit;

    text-decoration:none;

}

/* =========================
   LISTAS
========================= */

ul,
ol{

    list-style:none;

}

/* =========================
   FORMULÁRIOS
========================= */

input,
textarea,
button,
select{

    font:inherit;

    color:inherit;

    background:none;

    border:none;

    outline:none;

}

textarea{

    resize:none;

}

button{

    cursor:pointer;

}

/* =========================
   TABELAS
========================= */

table{

    width:100%;

    border-collapse:collapse;

}

/* =========================
   UTILITÁRIOS
========================= */

.hidden{

    display:none !important;

}

.invisible{

    visibility:hidden;

}

.no-select{

    user-select:none;

}

.no-scroll{

    overflow:hidden;

}