/* Estilos para celulares */
@media screen and (max-width: 509px) {
    html body div ul.area-item-evento li.box-li-evento {
        height: 530px !important;
        margin-bottom: 0 !important;
    }

    html ul.area-item-evento li.box-li-evento figure  {
        width: 298px;
    }

    ul.area-item-evento li.box-li-evento a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    ul.info-evento-thumb {
        margin-top: 15px;
        width: 293px !important;
    }

    .info-evento-thumb .titulo-evento-thumb {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Limita a 2 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .banner-principal .carousel-indicators li.active {
        width: 55px !important;
    }

}

/* Estilos para tablets */
@media screen and (max-width: 959px) {
    html body ul.area-item-evento li.box-li-evento {
        height: 490px !important;
    }

    ul.area-item-evento li.box-li-evento figure  {
        width: 100%;
    }

    .info-evento-thumb .titulo-evento-thumb {
        font-size: 22px;
        margin-bottom: 0;
    }

    .info-evento-thumb .data-evento-thumb {
        font-size: 18px;
    }

    .info-evento-thumb .data-evento-div {
        margin-bottom: 8px;
        padding-bottom: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .info-evento-thumb .data-evento-thumb,
    .info-evento-thumb .box-info-thumb .cidade-box-evento
    {
        font-size: 18px;
    }

    .info-evento-thumb .box-info-thumb .local-box-evento {
        font-size: 16px;
    }

    html .banner-principal .carousel-inner .item .banner-mobile,
    html .banner-principal .carousel-inner .carousel-item .banner-mobile {
        display: block;
    }

    html .banner-principal .carousel-inner .item .banner-desktop,
    html .banner-principal .carousel-inner .carousel-item .banner-desktop {
        display: none;
    }
}

/* Estilos para desktops */
@media screen and (min-width: 1169px) {
    body ul.area-item-evento li.box-li-evento {
        height: 480px !important;
    }
}

html, body, p, span {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    font-weight: 400 !important;
}

.seleciona-estado-content {
    text-align: left !important;
    margin-top: 25px;
    margin-bottom: 12px;
    padding: 0 !important;
}

.seleciona-estado-content, .seleciona-estado-content span {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    color: #000 !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 850 !important;
    line-height: normal;
}

.seleciona-estado-content.termoBusca,
.seleciona-estado-content.termoBusca span {
    font-size: clamp(22px, 5vw, 32px) !important;
    font-weight: 850 !important;
    margin: 24px 0 16px !important;
}

/*nao alterar*/
.glyphicon {
    font-family: 'Glyphicons Halflings', sans-serif !important;
}

.right.carousel-control:hover, .left.carousel-control:hover, .glyphicon-menu-right:hover {
    color: #a95eff !important;
}

.area-banners {
    width: 100%;
}

.bg-home, .box-banner-home {
    background-color: white !important;
}

html body {
    background-color: #F5F5F5 !important;
}

.lista-eventos {
    background-color: #F5F5F5;
}

.box-secundario-banner-home {
    border-radius: 20px;
}

.box-secundario-banner-home .inner-box, .box-secundario-banner-home .inner-box div {
    background-color: #443d4d !important;
}

.inner-btn-1-box-secundario, .btn-1-box-secundario h4, .btn-1-box-secundario h3 {
    color: white !important;
    font-weight: 400 !important;
}

.glyphicon.glyphicon-menu-right ,
.glyphicon.glyphicon-menu-left {
    font-size: 30px;
}

html body div .inner-btn-1-box-secundario.agenda {
    background-color: #5b5266 !important;
}

.bs-bottom {
    border-bottom: 2px solid #e9030f !important;
}

/* Mantém a mesma família do bloco seleciona-estado */
.estrela-voce,
.estrela-voce span {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
}

/* Container do hero */
.estrela-voce {
    text-align: center;
    margin: 18px 0 0px;
    padding: 0 12px; /* respiro lateral no mobile */
}

/* TÍTULO: A ESTRELA É VOCÊ */
.estrela-voce .estrela-title {
    display: block;
    color: #000;
    font-weight: 850 !important;
    line-height: 1.05;
    letter-spacing: -0.02em;
    /* responsivo: 40px no mobile → 88px em telas grandes */
    font-size: clamp(40px, 6vw, 88px);
}

/* SUBTÍTULO */
.estrela-voce .estrela-subtitle {
    display: block;
    margin-top: 8px;
    color: #333;
    font-weight: 400 !important;
    line-height: 1.35;
    /* responsivo: 14px no mobile → 20px no desktop */
    font-size: clamp(14px, 2.2vw, 20px);
}

/* Opcional: dá um espacinho antes dos banners em telas maiores */
@media (min-width: 992px) {
    .area-banners { margin-top: 12px; }
}

.banner-principal {
    width: 100%;
    border: none;
}

#bannerPrincipal {
    display: flex;
    justify-content: center;
}

.banner-principal .carousel-inner {
    width: 100%;
    max-width: 1160px;
}

.banner-principal .carousel-inner .item {
    left: 6px;
    height: 100%;
}

.banner-principal .carousel-inner .item .banner-mobile,
.banner-principal .carousel-inner .carousel-item .banner-mobile {
    display: none;
}

.banner-principal .carousel-inner .item .banner-desktop,
.banner-principal .carousel-inner .carousel-item .banner-desktop {
    display: block;
}

.banner-principal .item img {
    width: 98%;
    max-width: 678px;
    height: 100% !important;
    border-radius: 20px;
}

.mini-banner .table-mini-banner li {
    border: none !important;
}

.mini-banner #data-dia-banner {
    color: white;
    border: 1px solid white;
}

.mini-banner #descricao-banner {
    color: #8581FF;
}

#data-dia-banner-dia {
    font-size: 16px;
}

.mini-banner #titulo-banner {
    font-size: 12.5px;
}
.mini-banner #descricao-banner {
    font-size: 11px;
}

.carousel-indicators li {
    background-color: #0000004D;
    border: none;
}

.carousel-indicators .active {
    background-color: #e9030f !important;
    border-color: #e9030f !important;
}

ul.info-evento-thumb {
    margin-top: 8px !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

ul.info-evento-thumb li,
ul.info-evento-thumb li:nth-child(1) {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    vertical-align: top !important;
}

.info-evento-thumb p {
    margin: 0;
}

.info-evento-thumb .titulo-evento-thumb {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
    box-sizing: border-box;
    width: 100%;
}

.info-evento-thumb .data-evento-div {
    display: flex !important;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
    box-sizing: border-box;
    gap: 6px;
}

.info-evento-thumb .data-evento-div svg {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
}

.info-evento-thumb .data-evento-thumb {
    margin: 0;
    color: #e9030f !important;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 1.2;
}

.lista-eventos--busca .info-evento-thumb .data-evento-thumb {
    font-weight: 700 !important;
}

.info-evento-thumb .box-info-thumb .cidade-box-evento {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    margin-top: 0 !important;
    margin-bottom: 4px;
}

.info-evento-thumb .box-info-thumb .local-box-evento {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    color: #919191 !important;
    opacity: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    margin-top: 0;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase !important;
}

.lista-eventos--busca .info-evento-thumb .box-info-thumb .cidade-box-evento {
    font-weight: 700 !important;
}

.info-evento-thumb .dataev_float,
.info-evento-thumb .dataev_float_data_termino,
.info-evento-thumb .dataev_float .dia-box-evento,
.info-evento-thumb .dataev_float .mes-box-evento {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    color: #e9030f;
    text-align: center;
    font-weight: 400 !important;
    line-height: 100%; /* 44px */
    font-style: normal;
    border: none;
}

.info-evento-thumb .dataev_float .dia-box-evento {
    font-size: 44px;
}

.info-evento-thumb .dataev_float .mes-box-evento {
    font-size: 24px;
    text-transform: uppercase;
}

.info-evento-thumb .dataev_float_data_termino {
    line-height: normal !important;
}

ul.area-item-evento li.box-li-evento {
    height: 460px !important;
    overflow: hidden;
    vertical-align: top;
}

ul.area-item-evento li.box-li-evento a {
    display: block;
    text-align: left;
}

.box-li-evento figure, .box-li-evento img {
    border-radius: 20px;
}

.box-li-evento figure {
    overflow: hidden;
}

ul.area-item-evento li.box-li-evento figure  {
    background: none;
}

.info-evento-thumb .titulo-evento-thumb,
.info-evento-thumb .data-evento-div,
.info-evento-thumb .box-info-thumb,
.info-evento-thumb .box-info-thumb .cidade-box-evento,
.info-evento-thumb .box-info-thumb .local-box-evento {
    border-top: none !important;
    border-bottom: none !important;
}

ul.area-item-evento li.box-li-evento a,
ul.area-item-evento li.box-li-evento a:hover,
ul.area-item-evento li.box-li-evento a:focus,
ul.area-item-evento li.box-li-evento a:visited {
    text-decoration: none;
    color: inherit;
}

/* Resultados de busca — cards com imagem como na home */
.lista-eventos--busca ul.area-item-evento li.box-li-evento {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
    float: none !important;
    text-align: left !important;
}

.lista-eventos--busca ul.area-item-evento li.box-li-evento a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.lista-eventos--busca .box-li-evento figure {
    display: block !important;
    width: 100%;
    max-width: 298px;
    margin: 0 0 12px;
}

.lista-eventos--busca .box-li-evento img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.lista-eventos--busca .info-evento-thumb {
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 298px;
}

.lista-eventos--busca .info-evento-thumb .categoria-evento-busca {
    font-family: 'VinilaVariable', OpenSansRegular, sans-serif !important;
    color: #000;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 4px;
}

.lista-eventos--busca .info-evento-thumb .titulo-evento-thumb {
    font-size: 16px;
    margin-bottom: 6px;
}