.elementor-widget-section .mas-swiper-arrows .elementor-button-link{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container .mas-swiper-arrows .elementor-button-link{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-858 .elementor-element.elementor-element-5925feb{--display:flex;--min-height:149px;--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;}.elementor-858 .elementor-element.elementor-element-28cd5f8 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-858 .elementor-element.elementor-element-28cd5f8 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-858 .elementor-element.elementor-element-28cd5f8 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-858 .elementor-element.elementor-element-28cd5f8 .jet-listing-dynamic-field__content{text-align:left;}.elementor-858 .elementor-element.elementor-element-71af255{--spacer-size:25px;}.elementor-858 .elementor-element.elementor-element-e873b89{--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:flex-start;}.elementor-858 .elementor-element.elementor-element-5270d54{width:auto;max-width:auto;}.elementor-858 .elementor-element.elementor-element-5270d54 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-5270d54 .jet-listing-dynamic-field__content{font-family:"Arial", Sans-serif;text-align:left;}.elementor-858 .elementor-element.elementor-element-5270d54 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-858 .elementor-element.elementor-element-5270d54 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-858 .elementor-element.elementor-element-5270d54 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-858 .elementor-element.elementor-element-d2ad215{width:auto;max-width:auto;}.elementor-858 .elementor-element.elementor-element-d2ad215 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-d2ad215 .jet-listing-dynamic-field__content{font-family:"Arial", Sans-serif;text-align:left;}.elementor-858 .elementor-element.elementor-element-d2ad215 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-858 .elementor-element.elementor-element-d2ad215 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-858 .elementor-element.elementor-element-d2ad215 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-858 .elementor-element.elementor-element-9f76949{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-858 .elementor-element.elementor-element-9f76949.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-858 .elementor-element.elementor-element-9f76949 .jet-listing-dynamic-link__link{align-self:flex-start;font-family:"Arial", Sans-serif;flex-direction:row;}.elementor-858 .elementor-element.elementor-element-9f76949 .jet-listing-dynamic-link__icon{order:1;}body:not(.rtl) .elementor-858 .elementor-element.elementor-element-9f76949 .jet-listing-dynamic-link__icon{margin-right:19px;}body.rtl .elementor-858 .elementor-element.elementor-element-9f76949 .jet-listing-dynamic-link__icon{margin-left:19px;}@media(min-width:768px){.elementor-858 .elementor-element.elementor-element-31b3d2a{width:100%;}}/* Start custom CSS for container, class: .elementor-element-5925feb *//* ========================================================= */
/* === [43] FILA DE GASTO FINAL (FECHA CON ÍCONO, PRIMERO) === */
/* ========================================================= */

#contnedorgasto {
    /* Diseño Base - Mantenido */
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;  
    border-left: 5px solid #1F2A37; 
    border-radius: 8px; 
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); 
    padding: 15px 20px; 
    margin-bottom: 12px; 
    
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    
    position: relative; 
    overflow: hidden; 
    transition: all 0.3s ease;
    cursor: default; 
}

/* Efecto de Hover - Mantenido */
#contnedorgasto:hover {
    border-left-color: #3498DB; 
    background-color: #FAFAFA;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
    transform: translateY(-1px); 
}

/* --------------------------------------------------------- */
/* --- BADGE DE TIPO DE GASTO (#tipogasto) - CENTRADO --- */
/* --------------------------------------------------------- */

#tipogasto {
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background-color: rgba(31, 42, 55, 0.9); 
    color: #FFFFFF;
    font-size: 0.7em; 
    font-weight: 600;
    padding: 4px 12px; 
    border-radius: 0 0 8px 8px; 
    text-transform: uppercase;
}

/* --------------------------------------------------------- */
/* --- CONTENIDO PRINCIPAL (FECHA + TEXTO 1: 60% del ancho) --- */
/* --------------------------------------------------------- */

#contendordatos {
    flex-grow: 1; 
    flex-basis: 60%; 
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px; /* Mínimo gap entre los dos elementos */
}

#contendordatos .e-con-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px; 
    width: 100%;
}

/* 💥 FECHA (#fechagasto) - AHORA ES LA PRIMERA (ORDER: 1) Y CON ÍCONO */
#fechagasto {
    flex-shrink: 0;
    padding-left: 0; 
    border-left: none; 
    order: 1; /* 💥 La Fecha va primero */
    margin-right: 0; 
}
#fechagasto .jet-listing-dynamic-field__content {
    color: #3498DB; 
    font-size: 0.95em; 
    font-weight: 700;
    white-space: nowrap;
}
/* 💥 CRÍTICO: VOLVER A PONER EL ÍCONO DE CALENDARIO */
#fechagasto .jet-listing-dynamic-field__content:before {
    font-family: "Font Awesome 5 Free";
    content: "\f073"; /* Código de Font Awesome para el ícono de calendario */
    font-weight: 900;
    margin-right: 6px;
    font-size: 0.9em;
}

/* 💥 Texto Principal (#texto1gasto) - AHORA ES EL SEGUNDO (ORDER: 2) */
#texto1gasto {
    flex-grow: 1; 
    min-width: 0;
    padding-right: 0; 
    order: 2; /* 💥 El Texto 1 va segundo */
}
#texto1gasto .jet-listing-dynamic-field__content {
    color: #1F2A37; 
    font-size: 1.05em; 
    font-weight: 700; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

/* --------------------------------------------------------- */
/* --- BOTÓN DE DESCARGA (#descargagasto): 40% del ancho --- */
/* --------------------------------------------------------- */

#descargagasto {
    flex-shrink: 0; 
    flex-basis: 40%; 
    margin-left: 15px; 
}

#descargagasto a.jet-listing-dynamic-link__link {
    background-color: #3498DB; 
    color: #FFFFFF; 
    padding: 10px 15px; 
    border-radius: 6px; 
    font-size: 1em; 
    font-weight: 700; 
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer; 
    
    display: flex;
    align-items: center;
    justify-content: center; 
    width: 100%; 
    gap: 8px;
}

#descargagasto a.jet-listing-dynamic-link__link i.jet-listing-dynamic-link__icon {
    font-size: 1.2em;
}

#descargagasto a.jet-listing-dynamic-link__link:hover {
    background-color: #1F2A37; 
    transform: translateY(-1px); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* --------------------------------------------------------- */
/* --- AJUSTES PARA DISPOSITIVOS MÓVILES (Mantenidos) --- */
/* --------------------------------------------------------- */

@media (max-width: 768px) {
    #contnedorgasto {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }
    
    #tipogasto {
        position: static !important;
        transform: none; 
        order: -1; 
        background-color: transparent; 
        color: #1F2A37; 
        font-size: 0.8em;
        padding: 0 0 10px 0;
        left: auto;
    }

    #contendordatos {
        flex-basis: auto; 
        width: 100%;
        order: 2; 
        margin-bottom: 10px;
    }
    
    #descargagasto {
        flex-basis: auto; 
        width: 100%;
        order: 3; 
        margin-left: 0;
    }

    #descargagasto a.jet-listing-dynamic-link__link {
        width: 100%;
        background-color: #3498DB; 
        color: #FFFFFF; 
        padding: 12px 15px; 
    }
    
    /* MÓVIL: El orden se mantiene para que la Fecha quede arriba del Texto 1 */
    #fechagasto {
        order: 1; 
        padding-left: 0;
        margin-right: 0; 
    }
    
    #texto1gasto {
        padding-right: 0;
        width: 100%;
        order: 2; 
        flex-grow: 0; 
    }
}/* End custom CSS */