.evento{
    & .topo{
        width: 100%;
        & img{
            width: 100%;
            height: auto;
            display: block;
        }
        button.inscricao{
            background: var(--azul1); 
            color: #fff; 
            padding: 20px; 
            text-align: center; 
            font-weight: 120%; font-weight: 300; 
            font-size: 1.2rem; 
            position: sticky; 
            top: 80px; 
            z-index: 1000; 
            border: 0;
            outline: 0;
            width: 100%;
            transition: .3s;
            &:hover{
                background: var(--azul2);
            }
            & i{
                color: #00d9ff; 
                margin-right: 5px;
            }
        }
    }
    & .conteudo{
        padding: 60px 10%;
        & p{
            font-size: 1.2rem;
            line-height: 1.5;
            margin: 10px 0;
            width: 100%;
        }
        & h1{
            color: var(--azul2);
            font-weight: 700;
            margin: 0 0 10px;
            font-size: 2rem;
        }
        & h2, h3, h4{
            color: var(--azul2);
            font-weight: 600;
            margin: 15px 0 10px;
        }
        & h2{
            font-size: 1.6rem;
        }
        & h3{
            font-size: 1.4rem;
        }
        & h4{
            font-size: 1.2rem;
        }
        & ul{
            list-style-position: inside; 
            list-style-image: url(../images/list.png);
            & li{
                margin: 5px 0;
            }
        }
        & strong{
            color: var(--azul2);
        }
        .ficha-informativa {
            position: sticky;
            top: 140px; 
            margin: 0; 
            background: var(--azul1); 
            padding: 20px 30px; 
            color: #fff; 
            border-radius: 15px;
            & .detalhe{
                margin: 10px 0px; 
                font-weight: 400; 
                font-size: 1rem;
                & i{
                    color: #00d9ff; 
                    margin-right: 5px;
                }
                & strong{
                    font-weight: 600;
                }
            }
        }
    }
    & .galeria{
        background: #f9f9f9;
        padding: 40px;
        border-radius: 15px;
        margin: 30px 15px 0;
        & h3{
            text-align: left;
            color: #666;
            font-size: 1.2rem;
            margin: 0 auto 20px;
            font-weight: 700;
        }
        & img{
            aspect-ratio: 1/1;
            object-fit: cover;
            width: 100%;
            height: 100%;
            border-radius: 15px;
        }
        & .row{
            gap: 15px;
        }
    }
    @media (max-width: 1441px){
        & .conteudo {
            padding: 60px 5%;
            & p{
                font-size: 1rem;
                line-height: 1.6;
            }
        }
    }

    @media (max-width: 1024px) {
        & .galeria{
            padding: 30px;
        }
    }

    @media (max-width: 480px){
        & .conteudo {
            padding: 30px;
            & h1{
                font-size: 1.6rem;
            }
            & h2 {
                font-size: 1.4rem;
            }
            & h3 {
            font-size: 1.3rem;
            }
            & h4 {
                font-size: 1.2rem;
            }
        }
        & .galeria{
            & h3{
                margin-bottom: 0px;
            }
            & .row {
                gap: 15px 0px;
                & img{
                    width: calc(100% - 15px);
                    margin: 0 10px;
                }
            }
        }
    }
}


html.slb_overlay,
body.slb_overlay {
  overflow: hidden;
  height: 100%;
  position: relative;
}

html.slb_overlay,
body.slb_overlay {
  overflow: hidden;
  height: 100%;
  position: relative;
}

#slb_viewer_wrap .slb_theme_slb_baseline .slb_container{
    padding: 0!important;
    box-shadow: none!important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_details .slb_data{
    display: none!important;
}