:root{
    --branco: #ffffff;
    --verdeEscuro: #34400a;
    --areiaClara: #e3e1cc;
    --areiaEscura: #d1ceb9;
    --cinza: #333333;
    --cinzaClaro: #707070;
    --cinzaEscuro: #50575a;
    --inter: 'Inter', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body{
    min-width: 320px;
    font-family: var(--inter);
}

a {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    color: initial;
    /* text-decoration: none; */
}

button:focus{
    outline: none;
    border: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

a:hover{
    color: inherit;
    text-decoration: none;

}

.cont{
    padding: 25px 10%;
}

.carousel{
    display: flex;
    width: 100%;
    justify-content: center;
}

.carousel_arrow{
    width: 4%;
    min-width: 33px;
    display: flex;
    align-items: center;
}

.carousel_arrow:nth-child(1){
    justify-content: right;
}

.carousel_arrow:nth-child(2){
    justify-content: left;
}

.carousel_arrow a{
    height: 33px;
    align-items: center;
    display: flex;
    justify-content: center;
    aspect-ratio: 1;
    cursor: pointer;
}

.carousel_arrow a img{
    width: 15px;
}

.carousel_list{
    display: flex;
    flex-wrap: nowrap;
    width: 90%;
}

.carousel_list li{
    min-width: 250px;
    height: auto;
    padding: 0 2px;
}

.carousel_item{
    display: none;
}


.carousel_image{
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media screen and (max-width: 768px){
    .cont{
        padding: 0;
    }
}

@media screen and (max-width: 570px){
    .carousel_arrow a{
        height: 100%;
        width: 100%;
    }
}

.erro404{
    background-color: var(--areiaEscura);
    height: calc(50vh - 80px);
    padding-top: 2rem;
}