@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
    --fonte: 'Poppins', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-family: var(--fonte);
    text-decoration: none;
}

body {
    padding: 0 !important;
}

.fw400 {
    font-weight: 400;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.bra {
    border-radius: 8px;
}

.mlr {
    margin: 0 10px !important;
}

.pd10 {
    padding: 10px !important;
}

#mylunaradio {
    width: 100%;
    height: 65px;
}

.bg-func {
    border-radius: 8px;
}

.hora,
.menu {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nome {
    height: 70px;
    display: flex;
    align-items: center;
}

.menu i {
    font-size: 2rem;
    cursor: pointer;
    padding: 0 5px;
}

.hora {
    flex-direction: column;
}


.banner,
.sobre,
.prog,
.news,
.apps,
.pedido, 
.publicidade {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.apps span {
    font-size: 14px;
    padding: 0 10px 10px 10px;
}

#apps {
    padding: 15px 10px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pedido {
    width: 100%;
    height: auto;
    padding: 5px;
}

#apps img {
    height: auto;
    border-radius: 5px;
    margin: 0 7px;
}

.bg-txt {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
}

.conteudo {
    padding: 10px 10px 0 10px;
    font-size: 14px;
}

.rodape {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.rodape span {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
}

.banner {
    width: 100%;
}

.banner img {
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

#bannerRotativo .banner-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s ease-in-out;
}

input {
    width: 100%;
    padding: 8px 0;
    margin: 8px 0;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #aaa;
}

textarea {
    width: 100%;
    padding: 8px 0;
    margin: 8px 0;
    height: 160px;
    resize: none !important;
    border: 1px solid #aaa;
    border-radius: 5px;
}

textarea:hover,
input:hover {
    border: 1px solid #ff6565;
}

textarea:focus,
input:focus {
    outline: 1px solid #ff6565;
}

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

#btn_form {
    width: 140px;
}

label {
    font-size: 14px;
    font-weight: 500;
}

.formulario {
    padding: 10px;
}

.noticias {
    width: 100%;
    height: auto;
    padding: 15px 10px;
}

.loader {
    width: 150px;
    height: 27px;
    border-radius: 40px;
    color: #01204e;
    border: 2px solid;
    position: relative;
}

.loader::before {
    content: "";
    position: absolute;
    margin: 2px;
    width: 25%;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: currentColor;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    50% {
        left: 100%;
        transform: translateX(calc(-100% - 4px))
    }
}

.parceiros {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.parceiros img {
    width: 150px;
    height: auto;
    border-radius: 5px;
    margin: 10px 7px;
    border: 1px solid #bbb;
}

.bts-social {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.bts-social a {
    text-decoration: none;
}

.bts-social .bi {
    font-size: 20px;
}

.bts-social button {
    font-size: 13px !important;
    font-weight: 500;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.btn-whatsapp .bi {
    font-size: 2rem;
    color: #fff;
    background-color: #3ebd4e;
    border-radius: 100%;
    padding: 6px 12px;
    cursor: pointer;
}

@media screen and (min-width: 992px) {
    .lunaplayer {
        margin-top: 7px;
    }

    #mylunaradio {
        border-radius: 8px;
    }

    #apps img {
        width: 170px;
    }

    .nome img {
        width: 60px;
        height: auto;
        margin-right: 10px;
    }

    .nome {
        padding-left: 10px;
    }

    .btn-whatsapp {
        position: fixed;
        bottom: 35px;
        right: 25px;
    }
}

@media screen and (max-width:991px) {
    #mylunaradio {
        border-radius: 0;
    }

    .div-hora {
        display: none;
    }

    #apps img {
        width: 145px;
    }

    .player {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nome img {
        width: 50px;
        height: auto;
        margin-right: 7px;
    }

    .nome {
        justify-content: center;
    }

    .img-news img {
        display: none;
    }

    .btn-whatsapp {
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }
}