.elementor-17 .elementor-element.elementor-element-1c0a69c{--display:flex;--min-height:32vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0.1px 0px 0.1px 0px;--border-top-width:0.1px;--border-right-width:0px;--border-bottom-width:0.1px;--border-left-width:0px;border-color:#C9C9C9;--border-color:#C9C9C9;}.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-17 .elementor-element.elementor-element-76e6e58 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:66px;font-weight:800;color:var( --e-global-color-7a9edbc );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-6b57f55{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-76e6e58 .elementor-heading-title{font-size:56px;}.elementor-17 .elementor-element.elementor-element-94144a9 img{width:84%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-1c0a69c{--min-height:22vh;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-17 .elementor-element.elementor-element-76e6e58 .elementor-heading-title{font-size:30px;}.elementor-17 .elementor-element.elementor-element-94144a9{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-94144a9 img{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-6b57f55{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for shortcode, class: .elementor-element-20ecdcc *//* ============================================================
   1. OCULTAR ELEMENTOS NO DESEADOS Y RESETS DE TOOLTIP
   ============================================================ */

/* Ocultar elementos innecesarios, fecha nativa y etiquetas de campos */ 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-sharing-wrap, 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-booking-button, 
.elementor-17 .elementor-element.elementor-element-20ecdcc .event-color, 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-grid-event-location, 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-loc-place,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-start-date-label,
.elementor-17 .elementor-element.elementor-element-20ecdcc .event-grid-t2-head,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-month,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-name,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-price-details i,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-price-details .mec-sl-wallet { 
    display: none !important; 
} 

/* Ocultar pie de tarjeta vacío si aplica */
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-footer.mec-color {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Resetear contenedores del tooltip nativo para eliminar bordes, sombras y márgenes */
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-fields,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip-box,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-items,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    list-style: none !important;
    cursor: default !important;
    pointer-events: none !important;
    transform: none !important;
    transition: none !important;
}

/* Ocultar pseudoelementos (flechas/bocadillos de tooltips) */
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-fields::before,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-fields::after,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip::before,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip::after,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip-box::before,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip-box::after,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item::before,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item::after {
    display: none !important;
    content: none !important;
}

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-data-fields-tooltip-box,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-items {
    display: contents !important;
}


/* ============================================================
   2. REORGANIZACIÓN GENERAL Y ESTRUCTURA (ESCRITORIO)
   ============================================================ */

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-article { 
    display: flex !important; 
    flex-direction: column !important; 
    background: transparent !important; 
    border: none !important; 
    box-shadow: none !important; 
    padding: 0 !important; 
    margin-bottom: 20px !important;
} 

.elementor-17 .elementor-element.elementor-element-20ecdcc [class*="col-"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* POSICIÓN 1: La Imagen */ 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-image { 
    order: 1 !important; 
    margin-bottom: 12px !important; 
} 

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-image img { 
    width: 100% !important; 
    height: 240px !important; 
    object-fit: cover !important; 
    border-radius: 0 !important; 
} 

/* POSICIÓN 2: Contenedor de Texto */ 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-content { 
    order: 2 !important; 
    padding: 0 !important; 
    margin-bottom: 4px !important; 
    display: block !important;
    width: 100% !important;
} 

/* Título */ 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-title { 
    font-size: 18px !important; 
    font-weight: 800 !important; 
    line-height: 1.25 !important; 
    margin: 0 0 5px 0 !important; 
    padding: 0 !important; 
    text-transform: none !important; /* Respeta la ortografía original */
} 

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-title a { 
    color: #000000 !important; 
    text-decoration: none !important; 
    text-transform: none !important;
} 

/* POSICIÓN 3: Pie de Tarjeta (Precio) */ 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-footer { 
    order: 3 !important; 
    display: flex !important; 
    justify-content: flex-start !important; 
    align-items: baseline !important; 
    background: transparent !important; 
    border-top: none !important;  
    padding: 0 !important;  
    margin-top: 6px !important;  
} 

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-price-details, 
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-price { 
    font-size: 17px !important; 
    font-weight: 800 !important; 
    color: #000000 !important; 
} 


/* ============================================================
   3. TIPOGRAFÍAS DE CAMPOS DINÁMICOS (FECHA Y EXTRACTO)
   ============================================================ */

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-value { 
    display: block !important; 
    width: 100% !important;
    font-size: 13px !important; 
    transform: none !important;
} 

/* FECHA (SOBRE EL TÍTULO) */
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item:not(.mec-event-title + .mec-event-data-field-item) .mec-event-data-field-value {
    font-weight: 800 !important;
    color: #111111 !important;
    text-transform: lowercase !important;
    white-space: nowrap !important;
    margin-bottom: 4px !important;
}

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item:not(.mec-event-title + .mec-event-data-field-item) .mec-event-data-field-value::first-letter { 
    text-transform: uppercase !important; 
} 

/* Truncar fecha con puntos suspensivos (...) si supera el contenedor */
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item.mec-field-item-text,
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item.mec-field-item-text .mec-event-data-field-value {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
}

/* EXTRACTO (DEBAJO DEL TÍTULO) */
.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-title + .mec-event-data-field-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-title + .mec-event-data-field-item .mec-event-data-field-value {
    font-weight: 300 !important;
    color: #000000 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-transform: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* ============================================================
   4. VISTA MÓVIL (Max 767px) - TRUNCAMIENTO Y CENTRADO BLINDADO
   ============================================================ */
@media (max-width: 767px) {
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-article { 
        display: grid !important; 
        /* minmax(0, 1fr) evita que la columna derecha se estire por texto largo */
        grid-template-columns: 120px minmax(0, 1fr) !important; 
        grid-template-rows: auto auto !important; 
        gap: 0 15px !important; 
        align-items: center !important; 
        margin-bottom: 20px !important; 
        width: 100% !important;
        box-sizing: border-box !important;
    } 

    /* Ocultar extracto únicamente en móvil
      .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item.mec-field-item-textarea {
        display: none !important;
    }
    */
  
 
    /* Imagen */
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-image { 
        grid-column: 1 / 2 !important; 
        grid-row: 1 / 3 !important; 
        margin-bottom: 0 !important; 
        width: 120px !important; 
        height: 120px !important; 
    } 

    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-image img { 
        width: 120px !important; 
        height: 120px !important; 
        object-fit: cover !important; 
        border-radius: 0 !important; 
    } 

    /* Fila 1 Derecha: Contenedor Fecha + Título */
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-content { 
        grid-column: 2 / 3 !important; 
        grid-row: 1 !important; 
        margin-bottom: 2px !important; 
        min-width: 0 !important; /* Permite el truncamiento dentro de flex/grid */
        width: 100% !important;
    } 

    /* Forzar el truncamiento específico del campo de FECHA */
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item.mec-field-item-text,
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-data-field-item.mec-field-item-text .mec-event-data-field-value {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }

    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-title { 
        font-size: 20px !important; 
        line-height: 1.25 !important; 
        margin-bottom: 2px !important; 
        word-wrap: break-word !important;
    } 

    /* Fila 2 Derecha: Pie / Precio */
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-footer { 
        grid-column: 2 / 3 !important; 
        grid-row: 2 !important; 
        margin-top: 2px !important; 
        min-width: 0 !important;
    } 

    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-price-details, 
    .elementor-17 .elementor-element.elementor-element-20ecdcc .mec-event-price { 
        font-size: 15px !important; 
        font-weight: 800 !important;
    } 
}/* End custom CSS */