.elementor-2183 .elementor-element.elementor-element-037ada4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:240px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-2183 .elementor-element.elementor-element-037ada4:not(.elementor-motion-effects-element-type-background), .elementor-2183 .elementor-element.elementor-element-037ada4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://global-producciones.com/wp-content/uploads/2026/04/Banner-Contacto.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2183 .elementor-element.elementor-element-5fc5736{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2183 .elementor-element.elementor-element-1c20f7f{text-align:center;}.elementor-2183 .elementor-element.elementor-element-1c20f7f .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:100px;font-weight:600;letter-spacing:2px;color:#FFFFFF;}.elementor-2183 .elementor-element.elementor-element-b49a105{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2183 .elementor-element.elementor-element-eeb6718{width:auto;max-width:auto;text-align:center;font-family:"Syne", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-2183 .elementor-element.elementor-element-eeb6718 p{margin-block-end:0px;}.elementor-2183 .elementor-element.elementor-element-a005ff3{width:auto;max-width:auto;text-align:center;font-family:"Syne", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-2183 .elementor-element.elementor-element-a005ff3 p{margin-block-end:0px;}.elementor-2183 .elementor-element.elementor-element-6731229{width:auto;max-width:auto;text-align:center;font-family:"Syne", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFFA8;}.elementor-2183 .elementor-element.elementor-element-6731229 p{margin-block-end:0px;}.elementor-2183 .elementor-element.elementor-element-6731229 a{color:#FFFFFFA8;}.elementor-2183 .elementor-element.elementor-element-6731229 a:hover, .elementor-2183 .elementor-element.elementor-element-6731229 a:focus{color:#FFFFFF;}.elementor-2183 .elementor-element.elementor-element-5acd11d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#3F71B130;--border-color:#3F71B130;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:35px;--padding-left:60px;--padding-right:60px;}.elementor-2183 .elementor-element.elementor-element-0807909{text-align:center;}.elementor-2183 .elementor-element.elementor-element-0807909 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-text );}.elementor-2183 .elementor-element.elementor-element-5fe27a7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2183 .elementor-element.elementor-element-5fe27a7 .etn_event_inline_form{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2183 .elementor-element.elementor-element-5fe27a7 .etn_event_inline_form .input-group{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-2183 .elementor-element.elementor-element-5fe27a7 .etn_event_inline_form .input-group-text{font-family:"Space Grotesk", Sans-serif;}.elementor-2183 .elementor-element.elementor-element-5fe27a7 .etn_event_inline_form .etn-btn{font-family:"Space Grotesk", Sans-serif;}.elementor-2183 .elementor-element.elementor-element-518c380{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:140px;--padding-left:60px;--padding-right:60px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2183 .elementor-element.elementor-element-5fc5736{--width:100%;}.elementor-2183 .elementor-element.elementor-element-b49a105{--width:50%;}}@media(max-width:1366px){.elementor-2183 .elementor-element.elementor-element-037ada4{--padding-top:220px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}}@media(max-width:1024px){.elementor-2183 .elementor-element.elementor-element-037ada4{--min-height:42vh;--padding-top:0220px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-2183 .elementor-element.elementor-element-1c20f7f .elementor-heading-title{font-size:85px;}}@media(max-width:767px){.elementor-2183 .elementor-element.elementor-element-037ada4{--min-height:0vh;--padding-top:140px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-2183 .elementor-element.elementor-element-1c20f7f .elementor-heading-title{font-size:50px;}.elementor-2183 .elementor-element.elementor-element-5acd11d{--padding-top:60px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2183 .elementor-element.elementor-element-0807909 .elementor-heading-title{font-size:20px;}.elementor-2183 .elementor-element.elementor-element-5fe27a7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2183 .elementor-element.elementor-element-518c380{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for etn-advanced-search, class: .elementor-element-5fe27a7 *//* 1. Reset de sombra y borde del buscador principal */
.etn-event-search-wrapper {
    box-shadow: none !important; /* Quita la sombra por defecto */
    border: 1px solid #e0e0e0; /* Borde ligero y sutil */
    border-radius: 8px; /* Ajusta según tu preferencia */
    overflow: hidden;
    transition: border-color 0.3s ease;
   
}



/* 2. Estilos del botón Buscar (Primario) */
.etn-btn.etn-btn-primary {
    background-color:  #2E73C4 !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.3s ease !important;
    /* Aumentar el espacio lateral del botón de búsqueda */
    padding-left: 40px !important;  /* Ajusta este valor según prefieras */
    padding-right: 40px !important; /* Ajusta este valor según prefieras */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 150px; /* Opcional: para asegurar un tamaño mínimo consistente */
}
}



/* 3. Estilos del icono de filtro (La "tuerca/sliders") */
.etn-filter-icon {
    background-color: transparent !important;
    color:  #2E73C4 !important; /* Color inicial del icono */
    border: 1px solid  #2E73C4 !important;
    transition: all 0.3s ease !important;
    margin-right: 10px;
}

.etn-filter-icon svg {
    stroke:  #2E73C4!important; /* El color de las líneas del SVG */
    transition: stroke 0.3s ease;
}

/* Hover del icono de filtro */
.etn-filter-icon:hover {
    background-color:  #2E73C4 !important;
}

.etn-filter-icon:hover svg {
    stroke: #ffffff !important; /* El icono cambia a blanco al hacer hover */
}



.etn-event-search-wrapper .form-control, 
.etn-event-search-wrapper .etn_event_select {
    border: none !important;
    box-shadow: none !important;
    
    
}

/* Elimina el borde negro al hacer clic (focus) */
.etn-event-search-wrapper .form-control:focus,
.etn-event-search-wrapper input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important; /* En caso de que sea un borde real */
    
}

/* Ocultar el texto de conteo de eventos debajo del buscador */
.etn_search_bottom_area_text {
    display: none !important;
}




/* 1. Contenedor principal: Ajusta el ancho total de toda la barra aquí */
.etn-event-search-wrapper {
    display: flex !important;
    
    margin: 0 auto;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    padding: 0px 0px 0px 8px !important;
    overflow: hidden;
     
}



/* 2. Control del INPUT DE BÚSQUEDA (El principal) */
.etn-event-search-wrapper .input-group:nth-child(1) {
    flex: 3 !important; /* El '2' significa que será el doble de grande que la ciudad */
    min-width: 0; 
}

/* 3. Control del SELECT DE CIUDAD */
.etn-event-search-wrapper .input-group:nth-child(2) {
    display: none !important;

}

/* 4. Asegurar que los inputs ocupen el 100% de su espacio asignado */
.etn-event-search-wrapper input, 
.etn-event-search-wrapper select {
    width: 100% !important;
    border: none !important;
    outline: none !important;
    height: 45px !important;
}


 .etn_event_inline_form .input-group {
    padding: 19px 0px 19px 32px!important;
    margin: 0px 0px 0px 0px;
}




.etn-event-search-wrapper .input-group {
    border: none !important;
}



/* 2. Estilo del Botón Buscar (Azul) */
.etn-btn-primary {
    background-color: #0056b3 !important; /* Tu azul */
    border-radius: 50px !important;
    padding: 9px 25px !important;
    border: none !important;
    color: white !important;
}

/* 3. Contenedor para las categorías (creado por JS) */
.custom-category-tags {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
    flex-wrap: wrap;
}

.category-tag {
    padding: 8px 25px;
    border: 1px solid #ddd;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    background: #fff;
    transition: 0.3s;
     background-color: #F8FAFC !important;
}

.category-tag:hover {
    border-color: #0056b3;
    color: #0056b3;
}


/* 1. Ocultar el bloque de categorías en la barra de búsqueda */
.etn-event-search-wrapper .input-group:nth-child(3) {
    display: none !important;
}


.etn-filter-icon {
    display: flex !important; /* Lo volvemos a mostrar */
    background: transparent !important;
    border: 1px solid #0056b3 !important; /* Borde azul fino */
    border-radius: 8px !important; /* Forma rectangular redondeada */
    padding: 10px !important;
    margin-right: 25px !important; /* ESTE ES EL MARGEN que pediste */
    color: #0056b3 !important;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 45px !important;
    width: 55px !important;
    
    
    
}

.etn-event-search-wrapper .search-button-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px 15px 32px;
     border-left: 1px solid #eee !important;
     margin-left: 30px;
}


.etn_event_inline_form_bottom
 {
    display: none;
    margin: 40px!important;
}


/* 1. Alinea el título y el contenido en una sola línea (opcional) */
.etn_event_inline_form_bottom {
    padding: 30px 20px !important;
    border-bottom: 1px solid #eee;
}

/* 1. Asegurar que el panel esté oculto por defecto (si el plugin no lo hace) */
.etn_event_inline_form_bottom {
    display: none; /* Se mostrará cuando el plugin lo decida */
}

/* 2. Cuando el panel se activa/muestra */
.etn_event_inline_form_bottom[style*="display: block"],
.etn_event_inline_form_bottom.active { 
    display: flex !important; /* Cambiamos block por flex para la horizontalidad */
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
   
    margin-top: 15px !important;
}

/* 2. Hace que la fila de opciones sea horizontal */
.etn_event_inline_form_bottom .etn-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important; /* Evita que salte de línea */
    gap: 20px !important; /* Espacio entre los elementos */
}

/* 3. Ajusta el contenedor de cada .elementor-2183 .elementor-element.elementor-element-5fe27a7 para que no ocupe todo el ancho */
.etn_event_inline_form_bottom .etn-col-lg-4, 
.etn_event_inline_form_bottom .etn-col-md-6 {
    flex: 0 1 auto !important; /* El ancho se ajusta al contenido */
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}


/* 3. Título alineado a la izquierda */
.etn_event_form_title {
    margin-right: 20px!important; 
    margin-bottom: 0px!important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* 4. Alinea el texto "Sort by:" al lado del select, no arriba */
.etn_event_inline_input_label {
    margin-bottom: 0 !important;
    margin-right: 10px !important;
    white-space: nowrap !important; /* Que no se rompa el texto */
}



/* 5. Etiqueta "Sort by:" y Select en la misma línea */
.etn_event_inline_input_label {
    margin: 0 10px 0 0 !important;
    font-size: 14px !important;
   
}

.etn_event_inline_form_bottom select {
    min-width: 300px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 5px 20px !important;
    height: 40px !important;
}


/* Ajustar el espaciado interno del .elementor-2183 .elementor-element.elementor-element-5fe27a7 de fecha */
.etn_event_inline_form_bottom select.etn_event_select {
    padding-right: 30px !important; /* Da espacio para que la flecha no se pegue al borde */
    padding-left: 15px !important;  /* Equilibra el texto a la izquierda */
    appearance: none;               /* Elimina estilos por defecto de algunos navegadores */
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important; /* Posiciona la flecha con margen */
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
}

/* Configuración minimalista para Mobile */
@media only screen and (max-width: 768px) {
    
 

    /* 2. Ocultar el icono de filtro avanzado */
    .etn-filter-icon {
        display: none !important;
    }

    /* 3. Ajustes de estructura para que la Ciudad ocupe el espacio */
    .etn-event-search-wrapper {
        display: flex !important;
        flex-direction: row !important; /* Mantiene ciudad y botón en la misma línea */
        padding-left: 0px !important; /* Espacio para que el texto de ciudad no pegue al borde */
        
        
    }

    .etn-event-search-wrapper .input-group:nth-child(2) {
        flex: 1 !important;
        border-left: none !important; /* Quitamos la línea divisoria ya que es el único input */
    }

    /* 4. Ajustar el contenedor del botón */
    .etn-event-search-wrapper .search-button-wrapper {
        margin-left: 0px !important;
        padding: 10px !important;
        border-left: none !important;
    }

    /* Reducir un poco el padding del botón para que quepa bien en pantallas pequeñas */
    .etn-btn-primary {
        padding: 9px 15px !important;
        min-width: auto !important;
    }
    
    
    
    
    
    .etn-event-search-wrapper .input-group:nth-child(2),
.etn-event-search-wrapper .input-group:nth-child(2) select,
.etn-event-search-wrapper .input-group:nth-child(2) .etn_event_select {
    background-color: #ffffff !important;
    background: #ffffff !important; /* Doble refuerzo */
}

    .etn-event-search-wrapper .input-group:nth-child(2) {
        background-color: #ffffff !important;
        border-radius: 50px 0 0 50px !important; /* Mantiene la redondez izquierda de la barra */
    }
    


 .etn_event_inline_form .input-group {
    padding: 12px 0px 12px 32px!important;
    margin: 0px 0px 0px 0px;
}



}/* End custom CSS */
/* Start custom CSS for etn-related-events, class: .elementor-element-1b301a0 *//* 1. Reset estructural - Forzamos el comportamiento Flex */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px 30px !important; /* Gap: 40px vertical, 30px horizontal */
}

/* 

.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div {
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
}


/* 
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div:nth-child(4n+1) {
    flex: 0 0 calc(65% - 15px) !important;
}
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div:nth-child(4n+2) {
    flex: 0 0 calc(34.3% - 15px) !important;
}

.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div:nth-child(4n+3) {
    flex: 0 0 calc(34.3% - 15px) !important;
}
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div:nth-child(4n+4) {
    flex: 0 0 calc(65% - 15px) !important;
}

 */


.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-event-thumb img{
    height: 720px !important;
    width: 100% !important;
    object-fit: cover !important;
    /* Añadimos esta línea para centrar arriba */
    object-position: center top !important; 
    border-radius: 15px !important;
}

/* Limpieza de tarjetas */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 4. Responsive para celulares */
@media (max-width: 767px) {
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div {
        flex: 0 0 100% !important;
    }
    /* 3. Estética de las imágenes */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-thumb img {
    height: 470px !important;
    width: 100% !important;
    object-fit: cover !important;
    /* Añadimos esta línea para centrar arriba */
    object-position: center top !important; 
    border-radius: 15px !important;
}

/* 1. LOCALIZACIÓN - Usamos doble clase para ganar prioridad */
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-event-location {
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }

    /* 2. TÍTULO DEL EVENTO */
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-event-title a {
        font-size: 28px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.5px !important;
    }

    /* 3. FECHA */
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-event-date {
        font-size: 15px !important;
    }

    /* 4. EL BOTÓN */
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-atend-btn a.etn-btn::before {
        font-size: 13px !important;
        
    }

    


}

/* Eliminar el título de "Related Events" o "Features Events" */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .related-post-title {
    display: none !important;
}

/* En caso de que quede un espacio en blanco arriba, lo ajustamos */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-related-post {
    padding-top: 0 !important;
    margin-top: 0 !important;
}



  @media (min-width: 1367px) {
        .etn-col-lg-4 {
        flex: 0 0 31.6% !important;
        max-width: 31.6% !important;
    }
}



@media (min-width: 768px) {
    .etn-col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-event-thumb img{
    height: 1210px !important;
    width: 100% !important;
    object-fit: cover !important;
    /* Añadimos esta línea para centrar arriba */
    object-position: center top !important; 
    border-radius: 15px !important;
}
}
    
    
    
    @media (min-width: 1026px) {
    .etn-col-md-6 {
        flex: 0 0 48%;
        max-width: 48%;
    }
    
    .elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-item .etn-event-thumb img{
    height: 800px !important;
    width: 100% !important;
    object-fit: cover !important;
    /* Añadimos esta línea para centrar arriba */
    object-position: center top !important; 
    border-radius: 15px !important;
}
}

/* ============================================================
   CONTROL DE TEXTOS (Tipografía y Colores)
   ============================================================ */

/* 1. LOCALIZACIÓN (Ej: Sala Atlantic Events) */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-location {
    color: #004FA1 !important; /* Cambia el color */
    font-family: 'Syne', sans-serif !important; /* Tu fuente de Google Fonts */
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important; /* Todo en mayúsculas */
letter-spacing: 0.5px;
}

/* 2. TÍTULO DEL EVENTO */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-title a {
    color: #211F20 !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: color 0.3s ease; /* Suavidad para el hover */
    letter-spacing: 1.5px;
   
    
}

/* HOVER DEL TÍTULO */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-title a:hover {
    color: #3F71B1 !important; /* Color al pasar el mouse */
    
}

/* 3. FECHA (Calendario) */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-date {
    color: #7C7C7C !important;
     font-family: 'Syne', sans-serif !important; /* Tu fuente de Google Fonts */
    font-size: 18px !important;
    font-weight: 400 !important;
   
}

/* ============================================================
   ESTILOS DEL BOTÓN (Attend)
   ============================================================ */




/* 1. Reset del botón original */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-atend-btn a.etn-btn {
    font-size: 0 !important; /* Esconde el texto "Attend" sin romper el layout */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 12px 20px 12px 25px !important;
    background-color: #2E73C4 !important;
    border-radius: 5px !important;
    border: 2px solid #2E73C4 !important;
    transition: all 0.4s ease !important;
    text-decoration: none !important;
}

/* 2. Insertar el nuevo texto "RESERVAR" */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-atend-btn a.etn-btn::before {
    content: "Reservar" !important;
    font-size: 15px !important; /* Devolvemos el tamaño solo al nuevo texto */
    color: #FFFFFF !important;
    font-family: 'Syne', sans-serif !important;
    font-weight: 500 !important;
   
    margin-right: 10px !important; /* Espacio con la flecha */
    letter-spacing: 0.5px;
}

/* 3. Ajustar el icono */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-atend-btn a.etn-btn i {
    font-size: 14px !important;
    color: #FFFFFF !important; /* Corregido el error de fff */
    display: inline-block !important;
    visibility: visible !important;
}

/* 4. Efecto Hover */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-atend-btn a.etn-btn:hover {
    background-color: transparent !important;
    border-color:#2E73C4 !important;
}

.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-atend-btn a.etn-btn:hover::before,
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-atend-btn a.etn-btn:hover i {
    color: #2E73C4 !important; /* El texto e icono cambian a azul al hacer hover */
}



/* ============================================================
   AJUSTES DE ICONOS (Ubicación y Calendario)
   ============================================================ */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-icon {
    margin-right: 5px !important;
    color: inherit !important; /* Toma el color del texto del padre */
}




/* Contenedor que engloba todos los textos */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-content {
    padding: 15px 10px 0px 0px !important; /* Arriba | Derecha | Abajo | Izquierda */
    
    /* Si quieres controlar la alineación de todo el bloque */
    text-align: left !important; 
    
    /* Espaciado entre este bloque y la imagen */
    margin-top: 0px !important; 
}




/* Separar el bloque de fecha y botón del título */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-event-footer {
    margin-top: 30px !important; /* Aumenta este valor si quieres más espacio */
   
     padding-top: 25px !important; /* Espacio entre la línea y el contenido (fecha/botón) */
    border-top: 1px solid #E0E0E0 !important; /* La línea que mencionaste */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}


/* ============================================================
   LIMITE DE VISUALIZACIÓN (Mostrar solo 4 eventos)
   ============================================================ */

/* Ocultar todos los eventos a partir del quinto */
.elementor-2183 .elementor-element.elementor-element-1b301a0 .etn-row > div:nth-child(n+5) {
    display: none !important;
}

.etn-event-item .etn-event-category {
   display: none!important;
}/* End custom CSS */