/* Estilo do container principal */
.container-videos {
    padding: 20px;
}

/* Estilo do título da seção */
.section-title {
    margin-bottom: 20px;
}

.section-title h3 {
    font-size: 24px;
    font-weight: bold;
}

/* Estilo do container dos cards de previsão */
.weather-container {
    display: flex;
    gap: 15px; /* Espaço entre os cards */
    overflow-x: auto; /* Adiciona scroll horizontal */
    padding-bottom: 10px; /* Espaço para o scroll */
}

/* Estilo dos cards de previsão */
.weather-card {
    flex: 0 0 auto; /* Impede que os cards estiquem */
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    width: 150px;
    text-align: center;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.weather-card h3 {
    margin: 0 0 10px;
    font-size: 18px;
}

.weather-card img {
    width: 50px;
    height: 50px;
}

.weather-card p {
    margin: 5px 0;
    font-size: 14px;
}

/* Estilo da barra de scroll */
.weather-container::-webkit-scrollbar {
    height: 5px; /* Altura da barra de scroll */
}

.weather-container::-webkit-scrollbar-thumb {
    background-color: #1f3c5c; /* Cor do "ponteiro" da barra de scroll */
    border-radius: 5px; /* Bordas arredondadas */
}

.weather-container::-webkit-scrollbar-thumb:hover {
    background-color: #1f3c5c; /* Cor do "ponteiro" ao passar o mouse */
}

.weather-container::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Cor do fundo da barra de scroll */
    border-radius: 5px; /* Bordas arredondadas */
}

.weather-container::-webkit-scrollbar-track:hover {
    background-color: #e1e1e1; /* Cor do fundo ao passar o mouse */
}