@font-face{
    font-family:'poppins';
    src:url('../font/Poppins/Poppins-SemiBold.ttf');
}
@font-face{
    font-family:'montserrat';
    src:url('../font/Montserrat/Montserrat-.ttf');
}
@font-face{
    font-family:'lato';
    src:url('../font/Lato/Lato-Regular.ttf');
}@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* general styling */

:root{
    --header:#fb7018;
    --fundo:hsl(42, 25%, 92%);
    --amarelo:#fdbe0f;
    --texto:#a9a4a1;
    --fundo2:#eeeae3;
    --castanha:#2e2d2d;
}
html{
    scroll-behavior: smooth;
    user-select: none;
}
p{
    font-family:'lato',sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family:'poppins',sans-serif;
}
.side-bar{
    padding: 20px 0px 1px 25px;
    border-bottom: 1px solid silver;
    margin-bottom: 15px;
}
.side-bar button{
    background: transparent;
    color: #000;
    border: none;
    margin-left: 15px;
    padding-bottom: 10px;
    transition: .2s linear;
}
.side-bar button.ativa{
    border-bottom: 2px solid #000;
}
.side-bar button:hover{
    border-bottom: 2px solid #000;
}
.destinos{
    padding: 14px 24px;
}
.destinos .dest-container{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
    gap: 10px;
}
.destinos .dest-container .dest-card{
    border: 1px solid silver;
    background: white;
    border-radius: 5px;
    transition: .2s linear;
}
.solo{
    background: #000;
}
.solo .desc-img{
    background: #444;
}
.solo .desc-conteudo{
    background: #000;
    color: var(--castanha);

}
.destinos .dest-container .dest-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 2px 5px silver;
}
.destinos .dest-container .desc-conteudo{
    padding: 15px;
}
.destinos .dest-container .dest-card .desc-conteudo p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    margin-bottom: 8px;
}
.destinos .dest-container .dest-card .desc-conteudo span{
    color: var(--castanha);
}
.destinos .dest-container .dest-card .desc-conteudo a{
    color: #fb7018;
    text-decoration: underline;
    padding-bottom: 2px;
}
.destinos .dest-container .dest-card .desc-img{
    height: 200px;
}
.destinos .dest-container .dest-card .desc-img img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

@media (max-width: 900px) {
    .destinos {
        padding: 14px 16px;
    }
    .destinos .dest-container {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

@media (max-width: 560px) {
    .side-bar {
        padding-left: 12px;
        padding-right: 12px;
    }
    .side-bar button {
        margin-left: 8px;
        padding-bottom: 8px;
    }
    .destinos .dest-container {
        grid-template-columns: 1fr;
    }
    .destinos .dest-container .dest-card .desc-img {
        height: 220px;
    }
    .destinos .dest-container .dest-card{
    width: 70%;
    margin: auto;
}
    
}
*{font-family:'montserrat',sans-serif;}
p{font-family:'lato',sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:'poppins',sans-serif;}