.swiper-button-next, .swiper-button-prev {color:#014f95!important;}
.swiper-button-next {
  margin-top: 0px;
  position: absolute;
  top: 50%;
  right: -25px;  
  transform: translateY(-50%);
}
.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -25px;  
  transform: translateY(-50%);
  margin-top: 0px;
}

.swiper-button-next::after, .swiper-button-prev::after{
	font-size:26px!important;
	font-weight:900;
}

.event-carousel-wrapper {
	margin:0 auto;
    width: 96%;
    position: relative;
}

.event-item {padding:15px;}

.event-item-inner {
    display: flex;
    flex-direction: column;    
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 0px 10px 4px rgba(11,40,58,0.1);
	padding:30px;
}

.event-info {    
	margin-top:10px;
}

.event-info h3.event-title{
	font-size:24px;
	line-height:1.2;
    margin: 10px 0px;
	font-weight:800;
	color:#014f95;
	text-align:left;
	
}

.event-image {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
	border-radius:5px;
}

.event-date{
	color: #0b283a;
    font-size: 1em;
	font-weight:300;
    margin-bottom: 10px;
	letter-spacing:-0.02em;
}

.event-location {
    color: #94a5b2;
    font-size: 1em;
	font-weight:300;
    margin-bottom: 10px;
	letter-spacing:-0.02em;
}


.event-link{
	color:#014f95;
	background-color: none;
	letter-spacing:-0.02em;
	display:flex;
	align-items:center;
	margin-bottom:20px;
}

.event-button {
    display: inline-block;
	font-family:'Mulish';
	border:none;    
    padding: 11px 23px;
    color: #fff;
    background-color: #00a7b4;
    text-decoration: none;
    border-radius: 30px;
	font-size:13px;
	cursor:pointer;
}

.event-button:hover {
	color:white;
    background-color: rgb(3, 116, 124);
}

.icon-website{margin-right:10px;}

/* Estilo base para los bullets */
.swiper-pagination-bullet {
    background: #fff; /* Color de los bullets inactivos */
    width: 10px; /* Ancho del bullet */
    height: 10px; /* Altura del bullet */
    margin: 0 5px; /* Espaciado entre bullets */
    opacity: 1; /* Transparencia */
    transition: background 0.3s, opacity 0.3s; /* Transiciones suaves */
}

/* Bullet activo */
.swiper-pagination-bullet-active {
    background: #00a7b4; /* Color del bullet activo */
    opacity: 1;
}

/* Centramos los bullets en la parte inferior */
.swiper-pagination {
    position: absolute;
    bottom: 10px; /* Ajusta la distancia desde la parte inferior */
    text-align: center; /* Centra los bullets horizontalmente */
    width: 100%;
    z-index: 10; /* Asegura que esté por encima del slider */
	
}

.swiper-pagination-events{
	justify-content:center!important;
	margin-top:20px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets {gap:10px!important;}