.elementor-454 .elementor-element.elementor-element-8723ac8{--display:flex;}.elementor-454 .elementor-element.elementor-element-6da7aae{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f6e7400 *//* Estilo general de las tarjetas de evento */
.event-card {
    background-color: #ffffff; /* Fondo blanco para las tarjetas */
    padding: 20px;
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
    margin-bottom: 20px; /* Espacio entre las tarjetas */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Efecto de transición */
}

/* Efecto de hover para las tarjetas */
.event-card:hover {
    transform: translateY(-5px); /* Mover la tarjeta hacia arriba */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Aumentar sombra al pasar el ratón */
}

/* Título del evento (azul) */
.event-card .event-title {
    color: #1f3a6b; /* Azul oscuro para el título */
    font-size: 1.5em; /* Aumentar el tamaño del título */
    font-weight: bold;
    margin-bottom: 10px; /* Espacio debajo del título */
}

/* Información del evento (fecha, ubicación, etc.) */
.event-card .event-info {
    color: #000000; /* Negro para el texto */
    font-size: 1em;
    margin-bottom: 10px; /* Espacio entre líneas de texto */
}

/* Color de los enlaces dentro de la tarjeta */
.event-card .event-info a {
    color: #4d79ff; /* Azul brillante para los enlaces */
    text-decoration: none; /* Sin subrayado */
}

/* Estilo al pasar el ratón sobre los enlaces */
.event-card .event-info a:hover {
    text-decoration: underline; /* Subrayado al pasar el ratón */
}

/* Estilo del botón "Ver más" */
.event-card .btn {
    background-color: #4d79ff; /* Fondo azul brillante */
    color: #ffffff; /* Texto blanco */
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block; /* Hacer que el enlace sea un bloque en línea */
    margin-top: 10px; /* Espacio encima del botón */
    text-align: center;
}

/* Efecto de hover para el botón */
.event-card .btn:hover {
    background-color: #3b63e0; /* Azul más oscuro al pasar el ratón */
}

/* Estilo de las fechas */
.event-card .event-date {
    font-size: 1em;
    color: #000000; /* Negro para la fecha */
    margin-bottom: 5px;
}

/* Estilo de la ubicación */
.event-card .event-location {
    font-size: 1em;
    color: #000000; /* Negro para la ubicación */
}/* End custom CSS */