body{
    background:#f5f7fa;
    font-family:Arial, Helvetica, sans-serif;
}

/* NAVBAR */

.navbar{
    background:#fff !important;
    box-shadow:0 2px 10px rgba(0,0,0,.2);
    padding: 30px 0;
}

.navbar-brand{
    display:flex;
    align-items:center;
    color:#fff !important;
    text-decoration:none;
}

.navbar-brand .ms-3{
    margin-left:18px !important;
}

.navbar-brand img{
    width:90px;
    height:90px;
    object-fit:contain;
    margin-right:12px;
}

.nav-link{
    color:#fff !important;
    font-weight:600;
}

.nav-link:hover{
    color:#ffc107 !important;
}

/* HERO */

.hero{
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;

    background:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url('../img/banner.jpg') center center/cover no-repeat;
}

.hero h1{
    font-size:56px;
    font-weight:700;
}

.hero p{
    font-size:20px;
}

/* SOBRE */

section{
    padding:70px 0;
}

/* CARDS */

.card{
    border:none;
    border-radius:15px;
    transition:.35s;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.18);
}

.card .display-4{
    font-size:55px;
}

.btn-outline-primary{
    margin-top:15px;
}


/* ==========================
   NÚMEROS DA LIKERJ
========================== */

.stats{
    background:#0b1f3a;
    padding:70px 0;
}

.stats-number{
    color:#ffc107;
    font-size:3rem;
    font-weight:700;
    margin-bottom:10px;
}

.stats-text{
    color:#fff;
    font-size:1rem;
    letter-spacing:2px;
    margin:0;
}

/* ==========================
   PRÓXIMOS EVENTOS
========================== */

.eventos{
    background:#ffffff;
}

.evento-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.evento-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.evento-data{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:10px 20px;
    border-radius:50px;
    font-weight:bold;
    margin-bottom:20px;
}

.evento-card h4{
    margin-bottom:15px;
    font-weight:700;
}

.evento-card p{
    color:#666;
    margin-bottom:25px;
}

.evento-img{
    width:100%;
    height:auto;
    display:block;
}

.evento-card .btn{
    margin:20px;
}

.news-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.news-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.news-card img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.news-content{
    padding:25px;
}

.news-date{
    color:#0d6efd;
    font-size:.9rem;
    font-weight:700;
    text-transform:uppercase;
}

.news-content h4{
    margin:15px 0;
    font-size:1.4rem;
    font-weight:700;
}

.news-content p{
    color:#666;
    margin-bottom:25px;
}

/*=========================
     GALERIA
==========================*/

.galeria{
    background:#fff;
}

.galeria-item{
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.10);
}

.galeria-item img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.4s;
}

.galeria-item:hover img{
    transform:scale(1.08);
}

/*=========================
   PATROCINADORES
==========================*/

.patrocinadores{
    background:#f8f9fa;
}

.patrocinadores h2{
    font-weight:700;
    margin-bottom:15px;
}

.patrocinadores p{
    max-width:700px;
    margin:auto;
}

.logo-patrocinador{
    height:120px;
    background:#fff;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.logo-patrocinador img{
    max-width:140px;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.35s;
}

.logo-patrocinador:hover{
    transform:translateY(-8px);
}

.logo-patrocinador:hover img{
    filter:none;
}

/*=========================
FOOTER
==========================*/

.footer-likerj{
    background:#005bbb;
    color:#fff;
    padding:60px 0;
}

.footer-logo{
    width:140px;
}

.footer-likerj h5{
    color:#ffc107;
    margin-bottom:20px;
}

.footer-menu{
    list-style:none;
    padding:0;
}

.footer-menu li{
    margin-bottom:12px;
}

.footer-menu a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.footer-menu a:hover{
    color:#ffc107;
    padding-left:8px;
}

.footer-likerj p{
    color:#ccc;
    line-height:1.8;
}

.footer-likerj hr{
    margin:40px 0 20px;
}

.footer-likerj .btn{
    border-radius:30px;
}

/* ==========================
   AJUSTE DE MENU MOBILE E HOME
========================== */
@media (max-width: 991px){

    body.home .navbar .container,
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        position: relative !important;
    }

    body.home .navbar-brand,
    .navbar-brand {
        margin-right: auto !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        width: auto !important;
        max-width: 90px !important;
    }

    body.home .navbar-brand img,
    .navbar-brand img {
        width: 90px !important;
        height: 90px !important;
        object-fit: contain !important;
        margin-right: 0 !important;
    }

    body.home .navbar-brand .brand-text,
    .navbar-brand .brand-text,
    .desktop-brand-text {
        display: none !important;
    }

    body.home .navbar-toggler,
    .navbar-toggler {
        margin-left: auto !important;
        flex-shrink: 0 !important;
        display: block !important;
        border: 2px solid #005bbb !important;
        padding: 6px 10px !important;
    }

    /* MENU FLUTUANTE ALINHADO À DIREITA NO CELULAR */
    .navbar-collapse {
        position: absolute !important;
        top: 90px !important;
        right: 15px !important;
        width: auto !important;
        min-width: 180px !important;
        background-color: #ffffff !important;
        padding: 15px !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
        z-index: 9999 !important;
    }

    .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        text-align: right !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .nav-item {
        width: 100% !important;
    }

    .navbar-collapse .nav-link {
        color: #005bbb !important;
        padding: 8px 0 !important;
        display: block !important;
        width: 100% !important;
        font-weight: 700 !important;
    }

    .navbar-collapse .nav-link:hover {
        color: #ffc107 !important;
    }
}

/* CARROSSEL - CORREÇÃO NO CELULAR */
@media (max-width: 767px) {

    .eventos-carousel {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        gap: 0 !important;
    }

    .eventos-viewport {
        width: 100% !important;
    }

    .eventos-arrow {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
    }

    .eventos-prev {
        left: 0 !important;
    }

    .eventos-next {
        right: 0 !important;
    }

    .evento-slide {
        flex: 0 0 100% !important;
        padding: 0 !important;
    }

}
/* Estilo para a legenda dos Melhores Momentos */
.galeria-legenda {
    padding: 12px 15px;
    background-color: #fff;
    text-align: center;
}

.galeria-legenda p {
    font-size: 0.95rem;
    color: #333;
    font-weight: 600;
}