@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
}

/* Remove estilos padrão de listas */
ul,
ol {
    list-style: none;
}

/* Remove decoração de links */
a {
    text-decoration: none;
    color: inherit;
}

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

/* Remove estilos padrão de inputs e botões */
input,
button {
    border: none;
    outline: none;
    font: inherit;
}

/* Garante que imagens não ultrapassem seu contêiner */
img {
    max-width: 100%;
    height: auto;
}

.avatar-profile {
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 2px solid #007bff; /* Borda azul */
    transition: transform 0.3s;
}

/* .card {
    margin-bottom: 80px;
} */

.thumbnail {
    transition: transform 0.3s ease-in-out; /* Suaviza a animação */
}

.thumbnail:hover {
    transform: scale(1.02); /* Aumenta em 10% */
}

.hover-icon:hover {
    background-color: #ddd;
}

.hide-scrollbar {
    -ms-overflow-style: none; /* IE e Edge */
    scrollbar-width: none; /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Opera */
}

.category-area {
    -webkit-overflow-scrolling: touch; /* Rolagem mais suave no iOS */
    scroll-behavior: smooth;
}

.category-badge.active {
    opacity: 1;
    font-weight: bold;
}

.category-badge:not(.active) {
    opacity: 0.6;
}

.video-item {
    transition: all 0.3s ease;
}