.elementor-20371 .elementor-element.elementor-element-2f087e1 > .elementor-container{max-width:1100px;min-height:347px;}.elementor-20371 .elementor-element.elementor-element-2f087e1:not(.elementor-motion-effects-element-type-background), .elementor-20371 .elementor-element.elementor-element-2f087e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#183867;background-image:url("https://staging.hinicio.com/wp-content/uploads/2022/06/1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20371 .elementor-element.elementor-element-2f087e1 > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.44;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20371 .elementor-element.elementor-element-2f087e1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 30px 0px 30px;}.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px;}.elementor-20371 .elementor-element.elementor-element-ff1f742:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0,0,0,0);}.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated >  .elementor-background-overlay{background-color:rgba(33,33,33,0);opacity:0.5;}.elementor-20371 .elementor-element.elementor-element-ff1f742:hover > .elementor-element-populated >  .elementor-background-overlay{background-color:rgba(0,0,0,0);opacity:0.5;}.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated, .elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated > .elementor-background-overlay, .elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 25% 0% 0%;--e-column-margin-right:25%;--e-column-margin-left:0%;padding:1em 1em 5em 1em;}.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-20371 .elementor-element.elementor-element-8217598.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-20371 .elementor-element.elementor-element-8217598.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-bc-flex-widget .elementor-20371 .elementor-element.elementor-element-eae644a.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-20371 .elementor-element.elementor-element-eae644a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-20371 .elementor-element.elementor-element-5db27f1{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;align-self:flex-end;}.elementor-20371 .elementor-element.elementor-element-5db27f1 .elementor-divider-separator{width:100%;}.elementor-20371 .elementor-element.elementor-element-5db27f1 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-20371 .elementor-element.elementor-element-6cf97db .elementor-heading-title{color:#ffffff;font-family:var( --e-global-typography-primary-font-family ), Century-gothic;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-shadow:0px 0px 40px rgba(0,0,0,0.3);}.elementor-20371 .elementor-element.elementor-element-abfc773{--spacer-size:10px;}.elementor-20371 .elementor-element.elementor-element-5102d85{--spacer-size:50px;}.elementor-20371 .elementor-element.elementor-element-a0ee7b0{--spacer-size:50px;}.elementor-20371 .elementor-element.elementor-element-d8fbd8c{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-20371 .elementor-element.elementor-element-6cf97db .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-20371 .elementor-element.elementor-element-2f087e1:not(.elementor-motion-effects-element-type-background), .elementor-20371 .elementor-element.elementor-element-2f087e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-145px 0px;}.elementor-20371 .elementor-element.elementor-element-2f087e1{padding:1em 1em 1em 1em;}.elementor-20371 .elementor-element.elementor-element-ff1f742 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20371 .elementor-element.elementor-element-8217598 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20371 .elementor-element.elementor-element-eae644a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20371 .elementor-element.elementor-element-6cf97db .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-20371 .elementor-element.elementor-element-6cf97db > .elementor-widget-container{padding:0em 0em 2em 0em;}}/* Start custom CSS for shortcode, class: .elementor-element-845b91d */.events-section {
    margin: 20px 0;
}

.events-section h2 {
    font-size: 28px !important;
    font-family: var(--e-global-typography-primary-font-family), Century-gothic;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    text-align: left; /* Alinea el título a la izquierda */
    margin-bottom: 40px;
    margin-top: 40px
   
}

.events-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Alinea las tarjetas a la izquierda */
}

.event-card {
    width: 300px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left; /* Alinea el contenido de la tarjeta a la izquierda */
}

.event-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.event-image {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 1; /* Proporción 2:1 */
    overflow: hidden;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.event-tags {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #183867; /* Fondo azul */
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 10px; /* Bordes redondeados */
    text-transform: uppercase;
}

.event-card h3 {
    font-size: 18px;
    margin: 15px;
    color: #004a98;
    text-align: left; /* Alinea el título a la izquierda */
}

.event-card p {
    font-size: 14px;
    color: #6c6666;
    margin: 0 15px 15px;
}

.event-card a {
    display: inline-block;
    margin: 10px 15px;
    color: #004a98; /* Color azul para el enlace */
    text-decoration: underline;
    font-weight: normal;
    transition: color 0.3s ease;
}

.event-card a:hover {
    color: #36a3c8;
}

.upcoming-events, .past-events {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left; /* Alinea los títulos de las secciones a la izquierda */
    color: #004a98;
    font-weight: bold;
}

/* Específica para los tags con clase 'tag-text' */
.tag-text {
    color: #fff; /* Texto blanco en los tags */
    background-color: #183867; /* Fondo azul para los tags */
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 10px;
    text-transform: uppercase;
}

.elementor-20371 .elementor-element.elementor-element-da6f3eb {
    --divider-border-style: solid;
    --divider-color: var(--e-global-color-accent);
    --divider-border-width: 1px;
}/* End custom CSS */