@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gradient-bg {
    background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
}

.hover-scale {
    transition: transform 0.3s ease;
}    

.hover-scale:hover {
    transform: scale(1.03);
}

.span-mini {
    background-color: blueviolet;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
}

h2 {
    font-family: "Lato", sans-serif;
}

label { font-size: 1em !important; font-weight: 400 !important; }
button[type="submit"] { 
    background-color: blueviolet !important; 
    color: white !important;
    font-size: 1em !important; 
    padding: 10px !important;
    border-radius: 20px !important;
    width: 200px !important;
}
.bg-azul { padding: 10px; border-radius: 10px; }
#btn-baixar { font-size: 11px; padding: 7px; }

#contVisitas {
    position: absolute;
    top: 10%;
    color: white;
    background-color: #7e22ce96;
    padding: 5px;
    border-radius: 7px;
}

#contVisitas span {
    color: white;
}

@keyframes piscar {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

#contador {
    animation: piscar 1s infinite ease-in-out;
}