.elementor-580 .elementor-element.elementor-element-cf5dd09{border-style:none;}.elementor-580 .elementor-element.elementor-element-cf5dd09, .elementor-580 .elementor-element.elementor-element-cf5dd09 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-580 .elementor-element.elementor-element-1632661 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;}.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-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-580 .elementor-element.elementor-element-ce5eb27 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-580 .elementor-element.elementor-element-ce5eb27 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-580 .elementor-element.elementor-element-ce5eb27 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-580 .elementor-element.elementor-element-ce5eb27 .jet-listing-dynamic-field__content{text-align:left;}.elementor-580 .elementor-element.elementor-element-6728166 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-580 .elementor-element.elementor-element-6728166 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-580 .elementor-element.elementor-element-6728166 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-580 .elementor-element.elementor-element-6728166 .jet-listing-dynamic-field__content{text-align:left;}/* Start custom CSS for section, class: .elementor-element-cf5dd09 *//* ==========================================================================
   EVENTOS GALERÍA DUARTE - DEFINICIÓN Y CONTRASTE
   ========================================================================== */

/* 1. Tarjeta del Evento: Definición contra fondo blanco */
.elementor-580 .elementor-element-1632661 {
    background: #ffffff !important;
    padding: 0 !important;
    /* Añadimos un borde más definido y una sombra base muy suave */
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); 
    transition: all 0.4s ease-in-out;
    position: relative;
    overflow: hidden; /* Corta el zoom de la imagen */
    border-radius: 4px; /* Un toque sutil de suavidad */
}

/* 2. Imagen: Ajuste de brillo para que no "brille" tanto como el fondo */
.elementor-element-c358f60 img {
    width: 100% !important;
    height: 450px !important;
    object-fit: cover !important;
    filter: brightness(0.98); /* La oscurece un 2% para que destaque el borde */
}

/* 3. Título del Evento */
.elementor-element-8fd6c4e {
    padding: 30px 25px 10px 25px !important;
}

.elementor-element-8fd6c4e .elementor-heading-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

/* 4. Fecha (Badge): Contraste fuerte */
.elementor-element-ce5eb27 {
    position: absolute !important;
    top: 15px;
    left: 15px;
    z-index: 10;
}

.elementor-element-ce5eb27 .jet-listing-dynamic-field__content {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    font-size: 11px !important;
    letter-spacing: 1.5px;
    font-weight: 700;
}

/* 5. Hora: Separación visual */
.elementor-element-6728166 {
    padding: 0 25px 30px 25px !important;
}

/* 6. Efectos Hover (Clave para separar del fondo al interactuar) */
.elementor-element-1632661:hover {
    /* Al pasar el mouse, la tarjeta "flota" */
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
    border-color: #bfa37e !important; /* El dorado de la galería */
}

.elementor-element-1632661:hover .elementor-element-c358f60 img {
    filter: brightness(1); /* Vuelve a su brillo original */
    transform: scale(1.03);
}

/* --- OPTATIVO: Color de fondo suave para la sección --- 
   Si puedes aplicarlo al contenedor de la sección completa (caa36e3):
*/
.elementor-element-caa36e3 {
    background-color: #fcfcfc !important; /* Gris casi imperceptible que hace que el blanco de la tarjeta resalte */
}/* End custom CSS */