hr{
    width: 100%;
    background-color: #103068;
    margin-top: 30px;
    margin-bottom: 30px;
}

a{
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}

.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}    
#snackbarContent {
    background: #02b8f1 !important;
    font-family: "condensed";
}

.max_width {
    width: 100%;
    max-width: 1074px;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
}
#cabecera_imagen{
    opacity:0.8;
}
#cabecera_imagen h2{
    width: 1074px;
    padding-left: 0;
}
#copertina{
    display: flex;
    position: relative;
    width: 100%;
    height: 605px;
    margin: -40px auto 60px auto;
    border-radius: 25px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
#img_copertina{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    object-fit: cover;
}
#img_tipologia{
    position: absolute;
    right: 0;
    margin: 23px;    
}
#play_video{
    margin: auto;
    width: 0; 
    height: 0; 
    border-left: 144px solid #ffffff;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent; 
    opacity: 0.7;
    cursor: pointer;
}
#punti{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 28px;

    font-family: Montserrat;
    font-size: 52px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
    color: #103068;
}
#punti_di_avviso{
    margin-top: -18px;
    margin-bottom: 60px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
}
#titolo{
    font-family: Montserrat;
    font-size: 42px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: normal;
    text-align: left;
    color: #103068;
}
#descrizione{
    margin-bottom: 40px;
}
#descrizione p{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
}
.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 270px;
    height: 65px;   
    object-fit: contain;
    border: solid 2px #103068;
    border-radius: 30px;
    cursor: pointer;
    margin-bottom: 30px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #103068;
}
#torna_check{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
    margin-bottom: 80px;
}
#torna{
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 24px;
    cursor: pointer;

    font-family: Montserrat;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.76;
    letter-spacing: normal;
    text-align: left;
    color: #002f6c;
}
#check{
    display: none;
    align-items: center;
    justify-content: right;
    gap: 24px;   

    font-family: Montserrat;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #002f6c;
}

.btn_grande{
    padding: 29px 85px;
    border-radius: 42.5px;
    background-color: #dfbcb0;
    cursor: pointer;

    font-family: Montserrat;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #002f6c;
}
.btn_txt{
    margin-bottom: 15px;
    cursor: pointer;
    
    font-family: Montserrat;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #002f6c;
}





#resumen_container{
    margin-bottom: 60px;
}

.seccion {
    margin-top: 3rem;
    padding: 0;
}

.filters{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}
#filtros{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: auto;
}
.filter_tuti{
    width: 110px;
    height: 63px;
    padding: 24px 34.2px 18px 27.8px;
    border-radius: 11px;
    border: solid 1px #7181a0;
    cursor: pointer;

    font-family: Montserrat;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.76;
    letter-spacing: normal;
    text-align: left;
    color: #7181a0;
}
.filter_tuti.select{
    background-color: #002f6c;
    border: none;
    font-weight: bold;
    color: #ffffff;
}
#filter_evento,#filter_survey,#filter_files,#filter_video{
    width: 63px;
    cursor: pointer;
}


#filter_per i{
    display: block;
    width: 10px;
    height: 10px;    
    border-left:2px solid #103068;
    border-bottom:2px solid #103068;
    transform: rotate(-135deg); /*Giramos el cuadrado*/
    transition: all 0.25s ease;
    cursor: pointer;
}


.elem_container {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px 20px 10px;            
}
.elem_container .tarjeta{
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
.elem_container .row{
    width: 100%;            
}
.elem_img_container {
    width: 100%;
    height: 216px;
}
.elem_img_container img {
    width: 100%;
    height: 216px;    
    border-radius: 14px;
    object-fit: cover;
}
.elem_tipologia {
    width: 100%;    
    margin-top: -20px;
    padding-right: 13px;
    z-index: 99;
}
.elem_tipologia img{
    float: right;
}
.elem_titulo {
    max-width: 82%;
    height: 70px;
    margin: 0 0 10px 16px;

    font-family: Montserrat;
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #103068;
    
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 3);
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.elem_datos {
    width: 90%;
    height: 40px;
    margin: 0 0 20px 16px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
    
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 2);
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.elem_fecha{
    width: 100%;
    height: 26px;
    padding-left: 16px;
    margin-bottom: 15px;

    font-family: Montserrat;
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #6d81a3;
}
#elem_tags{
    width: 100%;
    padding-left: 16px;
    margin-bottom: 10px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
}
#elem_diamantes_acceso{
    width: 100%;    
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
    margin-bottom: 10px;
}
#elem_diamantes{
    width: 100%;

    font-family: Montserrat;
    font-size: 36px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: left;
    color: #103068;
}
.elem_acceso{
    width: 100%;
    text-align: right;
    padding-right: 13px;    
}

.elem_titulo,
.elem_img_container,
.elem_acceso {
    cursor: pointer;
}

.secc_controls {           
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 3;
    pointer-events: none;
}

.control_secc_scroll {
    cursor: pointer;
    padding-right: 15px;
    border-radius: 100%;
    fill: #ffffff;
    color: #ffffff;
    pointer-events: all;
}

.secc_elem_container {
    flex-wrap: nowrap;
    overflow: auto;
    /* align-items: stretch; */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    scroll-behavior: smooth;
}
.secc_elem_container::-webkit-scrollbar {
    display: none;
}
.tarjeta_dia_eventos{
    background-color: #FFFFFF;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    margin-right: 20px;
}        
.fecha_evento{
    padding: 10px 17px 18px 30px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #6d81a3; 
}
.tarjeta_eventos{
    display: flex;
    margin-bottom: 40px;
}
.tarjeta_eventos .row{
    margin-bottom: 40px;
}
.eventos{
    width: 385px;
}
.hora_evento{
    padding: 0 15px 0 2px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: right;
    color: #002f6c; 
}
.titulo_evento{
    padding: 0 0 7px 2px;

    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #002f6c;
}
.descripcion_evento{
    padding: 0 0 0 2px;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
}

#scrivi_a_ibsa{
    background-image: url(../img/scrivi_a_ibsa.png);
    background-size: 100% 100%;
    padding: 45px 25px;
    margin-bottom: 60px;
}
#btn{
    background-color: #dfbcb0;
    width: fit-content;
    margin: auto;
    border-radius: 30px;
    padding:15px 70px 15px 70px;
    text-align: center;
    color: #0a2467;            
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 520px) {
    #filtros{
        gap: 10px;
    }
    .filter_tuti{
        height: 50px;
        padding: 18px 31.2px 11.8px 27.8px;
    }
    #filter_evento,#filter_survey,#filter_files,#filter_video{
        width: 50px;
        cursor: pointer;
    }
    #filter_per{
        width: 100%;
        margin: 40px 12px 10px 12px;
    }
}