/*==================================*/
/*#region PAGINA: Próximos Eventos  */
/*==================================*/

article.evt{ position: relative; /*margin: 0 0 30px 0;*/ padding: 30px 0; text-align: center; border-bottom: 1px solid #CDCDCD;
}
article.evt:first-child{ border-top: 1px solid #CDCDCD;
}
article.evt .evt-titulo{ /*margin: 20px 0 20px 0;*/ margin: 0; font-size: 1.25rem; font-weight: 700;
}
.wpr-evt-fecha{ font-size: 1rem; font-weight: 700; text-transform: uppercase; display: none;
}
.wpr-evt-fecha span{ display: block; font-size: 2.125rem; font-weight: 700; color: #0058A6; line-height: 100%;
}
article.evt .evt-fecha-hora{ position: relative; margin: 0; padding: 0 0 3px 30px; line-height: 100%;
}
article.evt .evt-fecha-hora::before{ content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 5px -3px -30px; background: url('../img/general/icn-reloj.svg') no-repeat center; background-size: auto 100%;
}
article.evt .evt-lugar{ position: relative; margin: 5px 0 0 0; padding: 0 0 3px 30px; line-height: 100%;
}
article.evt .evt-lugar::before{ content: ''; display: inline-block; position: relative; width: 20px; height: 20px; margin: 0 9px -3px -30px;background: url('../img/general/icn-ubicacion.svg') no-repeat  center; background-size: auto 100%;
}
.wpr-evt-enlace{ margin-top: 50px;
}

/**/

.wpr-btn-actividades{ text-align: right; margin-bottom: 50px;
}
.btn-actividades{ position: relative; padding-left: 40px; text-decoration: none;
}
.btn-actividades:hover{ color: #000; 
}
.btn-actividades::after{ content: ''; display: block; width: calc(100% - 40px); height: 5px; border-radius: 3px; position: absolute; bottom:-3px; right: 0px;  background-color: #0058A6;
}
.btn-actividades:hover::after{ background-color: #E32726; height: 5px;
}
.btn-actividades::before{ content: ''; display: block; height: 100%; width: auto; position: absolute; top:2px; left: 10px; aspect-ratio: 1/1; background-repeat: no-repeat; background-position: center; background-size: 100%; filter: invert(1) brightness(70%);
}
.btn-actividades.icn-pasadas::before{ background-image: url('../img/general/icn-historial.svg');
}
.btn-actividades.icn-proximas::before{ background-image: url('../img/general/icn-calendario.svg');
}

/**/

@media(min-width:992px){
    .wpr-evts{ text-align:unset; border-radius: 60px 0 60px 0; padding: 40px 0;
    }
    .wpr-evts .evt{ display: flex; gap: 5%; align-items: center; text-align: left;
    }
    .wpr-evt-fecha{ width: 10%; text-align: center; display: block;
    }
    .wpr-evt-titulo{ width: 35%;
    }
    .wpr-evt-detalle{ width: 35%;
    }
    .evt-fecha-hora{ font-weight: 700;
    }
    .wpr-evt-enlace{ width: 10%; text-align: center; margin: 0;
    }
    .btn.evt-enlace{ margin: 0; padding: 0; width: 60px; height: 60px;
    }
    .btn span.icn-flecha-tipo-1{ position:absolute; width: 1px; height:1px; overflow: hidden; margin-left: -2000px; opacity: 0;
    }   
    .btn-actividades{ position: absolute; top: 0; right: 0;
    }
    .wpr-btn-actividades{  justify-items: end;
    }
    .btn-actividades{ /*max-width: 260px;*/ padding: 9px 30px 9px 50px;
    }
    .btn-actividades::before{ height: 55%; top: 20%; left: 20px; filter: invert(1) brightness(1000%);
    }
    .btn-actividades::after{ display: none;
    }
}
@media(min-width: 1200px){
    
}
@media(min-width:1400px){
    .wpr-evts{ border-radius: 100px 0 100px 0; padding: 60px 0;
    }
    .wpr-evt-fecha span{ font-size: 3.125rem;
    }
    .btn-actividades{ max-width: none; width: auto; padding: 15px 30px 15px 70px;
    }
}
/*#endregion*/


/*==================================*/
/*#region PAGINA: Próximos Eventos  */
/*==================================*/

.lead{ background-color: #F2F5F8; padding: 25px; margin: 60px 0;
}
.eventos-pasados{ border-left: 1px solid #E9E9E9; margin-left: 5px;
}
.eventos-pasados .subtit{ position: relative; padding-left: 25px; margin: 35px 0; font-size: 1.3rem; color: #0058A6; font-weight: 800; 
}
.eventos-pasados .subtit::before{ content: ''; display: block; width: 15px; height: 15px; position: absolute; left: -8px; top: 10px; border-radius: 15px; background-color: #0058A6; 
}
.eventos-pasados ul{ padding: 0 0 0 25px;
}
.eventos-pasados li{ position: relative; padding: 10px 0; border-bottom: 1px dashed #ddd; font-weight:600;color: #555; /*font-size: 1.125rem;*/
}
.eventos-pasados li:first-child{ border-top: 1px dashed #ddd;
}
.eventos-pasados li *{ padding:0; margin: 0;
}
/*.eventos-pasados li::before{ content: ''; display: block; width: 12px; height: 12px; position: absolute; left: -34px; top: calc(50% - 5px); border-radius: 15px; background-color: #E9E9E9; 
}*/
.eventos-pasados li::before{ content: ''; display: block; width: 6px; height: 6px; position: absolute; left: -28px; top: 20px; border-radius: 15px; background-color: #E32726; 
}
.eventos-pasados .fecha{ font-size: 1rem;font-weight: 400;margin-top: 10px; padding-left: 40px;
}

@media(min-width:992px){
    .eventos-pasados .subtit{ padding-left: 45px; font-size: 1.5rem; 
    }
    .eventos-pasados ul{ padding: 0 0 0 45px;
    }
    .eventos-pasados li{ padding: 20px 0;
    }
    .eventos-pasados li::before{ width: 6px; height: 6px; left: -48px; top: 28px; 
    }
}
@media(min-width:1600px){
    .contenido .subtit{ font-size: 1.7rem;
    }
    .eventos-pasados ul li{ font-size: 1.125rem; 
    }
    .eventos-pasados li::before{ top: 31px;
    }
}

/*#endregion*/