.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-5801 .elementor-element.elementor-element-942186f .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-942186f .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-942186f .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-5801 .elementor-element.elementor-element-942186f .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-46fa696.elementor-element{--align-self:center;}.elementor-5801 .elementor-element.elementor-element-46fa696 > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;}.elementor-5801 .elementor-element.elementor-element-46fa696 .jet-listing-dynamic-repeater__items{flex-direction:column;justify-content:center;}.elementor-5801 .elementor-element.elementor-element-46fa696 .jet-listing-dynamic-repeater__item > *{justify-content:center;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-5801 .elementor-element.elementor-element-fdb8cfb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5801 .elementor-element.elementor-element-fdb8cfb.elementor-element{--order:-99999 /* order start hack */;}.elementor-5801 .elementor-element.elementor-element-fdb8cfb .jet-listing-dynamic-link__link{align-self:flex-start;font-size:1.3rem;padding:7px 7px 7px 7px;flex-direction:row;}.elementor-5801 .elementor-element.elementor-element-fdb8cfb .jet-listing-dynamic-link__icon{order:1;}body:not(.rtl) .elementor-5801 .elementor-element.elementor-element-fdb8cfb .jet-listing-dynamic-link__icon{margin-right:30px;}body.rtl .elementor-5801 .elementor-element.elementor-element-fdb8cfb .jet-listing-dynamic-link__icon{margin-left:30px;}.elementor-5801 .elementor-element.elementor-element-b9952bc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5801 .elementor-element.elementor-element-b9952bc.elementor-element{--order:-99999 /* order start hack */;}.elementor-5801 .elementor-element.elementor-element-b9952bc .jet-listing-dynamic-link__link{align-self:flex-start;font-size:1.3rem;padding:7px 7px 7px 7px;flex-direction:row;}.elementor-5801 .elementor-element.elementor-element-b9952bc .jet-listing-dynamic-link__icon{order:1;}body:not(.rtl) .elementor-5801 .elementor-element.elementor-element-b9952bc .jet-listing-dynamic-link__icon{margin-right:30px;}body.rtl .elementor-5801 .elementor-element.elementor-element-b9952bc .jet-listing-dynamic-link__icon{margin-left:30px;}.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-5801 .elementor-element.elementor-element-6318b09{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--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-5801 .elementor-element.elementor-element-c34a9f2 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-c34a9f2 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-c34a9f2 .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-c34a9f2 .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-ce3b605 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-ce3b605 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-ce3b605 .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-ce3b605 .jet-listing-dynamic-field__content{text-align:right;}.elementor-5801 .elementor-element.elementor-element-cc9815c .jet-listing-dynamic-link__link{align-self:flex-start;flex-direction:row;}.elementor-5801 .elementor-element.elementor-element-cc9815c .jet-listing-dynamic-link__icon{order:1;}.elementor-5801 .elementor-element.elementor-element-4efef4b .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-4efef4b .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-4efef4b .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-4efef4b .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-af1fcac .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-af1fcac .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-af1fcac .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-af1fcac .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-4e733b5 .jet-listing-dynamic-link__link{align-self:flex-start;flex-direction:row;}.elementor-5801 .elementor-element.elementor-element-4e733b5 .jet-listing-dynamic-link__icon{order:1;}.elementor-5801 .elementor-element.elementor-element-7ebace9 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-7ebace9 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-7ebace9 .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-7ebace9 .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-758188b .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-758188b .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-758188b .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-758188b .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-4554d87 .jet-listing-dynamic-link__link{align-self:flex-start;flex-direction:row;}.elementor-5801 .elementor-element.elementor-element-4554d87 .jet-listing-dynamic-link__icon{order:1;}.elementor-5801 .elementor-element.elementor-element-77bfa54 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-77bfa54 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-77bfa54 .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-77bfa54 .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-1aa5d63 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-1aa5d63 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-1aa5d63 .jet-listing-dynamic-field{justify-content:center;}.elementor-5801 .elementor-element.elementor-element-1aa5d63 .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-613e329 .jet-listing-dynamic-link__link{align-self:flex-start;flex-direction:row;}.elementor-5801 .elementor-element.elementor-element-613e329 .jet-listing-dynamic-link__icon{order:1;}.elementor-5801 .elementor-element.elementor-element-d77470f{--display:flex;--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-5801 .elementor-element.elementor-element-35d4261 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-35d4261 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-35d4261 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-5801 .elementor-element.elementor-element-35d4261 .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-a522dbd .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-5801 .elementor-element.elementor-element-a522dbd .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-5801 .elementor-element.elementor-element-a522dbd .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-5801 .elementor-element.elementor-element-a522dbd .jet-listing-dynamic-field__content{text-align:left;}.elementor-5801 .elementor-element.elementor-element-91d0330 .jet-listing-dynamic-repeater__items{flex-direction:row;justify-content:flex-start;}.elementor-5801 .elementor-element.elementor-element-91d0330 .jet-listing-dynamic-repeater__item > *{justify-content:flex-start;}@media(max-width:1024px){.elementor-5801 .elementor-element.elementor-element-6318b09{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5801 .elementor-element.elementor-element-6318b09{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for jet-listing-dynamic-link, class: .elementor-element-fdb8cfb *//* --- 1. Botón Base (Estilo "Ghost" - Borde y Texto Azul) --- */
.archivo-boton,
.jet-listing-dynamic-link.archivo-boton {
    /* Layout */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; 
    padding: 10px 20px;
    
    /* Colores: Transparente con Borde Azul */
    background: transparent; /* Fondo transparente */
    color: #3498DB; /* Texto en Azul de acento */
    border: 1px solid #3498DB; /* Borde sutil */
    
    /* Tipografía y Forma */
    font-weight: 600; 
    font-size: 16px;
    border-radius: 4px; /* Borde más pequeño y limpio */
    text-decoration: none;
    
    /* Efectos */
    transition: all 0.3s ease-in-out;
    /* Eliminamos la sombra base para un look más plano/limpio */
    box-shadow: none; 
    cursor: pointer;
}

/* --- 2. Icono --- */
.archivo-boton i,
.jet-listing-dynamic-link.archivo-boton i {
    font-size: 16px; 
    color: #3498DB; /* Icono del mismo color que el texto */
    transition: transform 0.3s ease;
}

/* --- 3. Hover (Relleno de Fondo sutil y Elevación) --- */
.archivo-boton:hover,
.jet-listing-dynamic-link.archivo-boton:hover {
    /* Efecto de Relleno: Usamos el color de acento para el fondo */
    background: #3498DB; 
    color: #FFFFFF; /* El texto se vuelve blanco para contraste */
    border-color: #3498DB;
    
    /* Elevación sutil */
    transform: translateY(-1px);
    /* Añadimos una sombra en hover, pero no en el estado base */
    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.4); 
}

/* Icono en Hover (se vuelve blanco) */
.archivo-boton:hover i,
.jet-listing-dynamic-link.archivo-boton:hover i {
    color: #FFFFFF;
    /* Movimiento del icono a la derecha */
    transform: translateX(4px); 
}

/* Click / activo */
.archivo-boton:active,
.jet-listing-dynamic-link.archivo-boton:active {
    transform: translateY(0);
    box-shadow: none;
}

/* --- 4. Responsive: móviles --- */
@media (max-width: 768px) {
    .archivo-boton,
    .jet-listing-dynamic-link.archivo-boton {
        font-size: 14px;
        padding: 8px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-link, class: .elementor-element-b9952bc *//* --- 1. Botón Base (Estilo "Ghost" - Borde y Texto Azul) --- */
.archivo-boton,
.jet-listing-dynamic-link.archivo-boton {
    /* Layout */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; 
    padding: 10px 20px;
    
    /* Colores: Transparente con Borde Azul */
    background: transparent; /* Fondo transparente */
    color: #3498DB; /* Texto en Azul de acento */
    border: 1px solid #3498DB; /* Borde sutil */
    
    /* Tipografía y Forma */
    font-weight: 600; 
    font-size: 16px;
    border-radius: 4px; /* Borde más pequeño y limpio */
    text-decoration: none;
    
    /* Efectos */
    transition: all 0.3s ease-in-out;
    /* Eliminamos la sombra base para un look más plano/limpio */
    box-shadow: none; 
    cursor: pointer;
}

/* --- 2. Icono --- */
.archivo-boton i,
.jet-listing-dynamic-link.archivo-boton i {
    font-size: 16px; 
    color: #3498DB; /* Icono del mismo color que el texto */
    transition: transform 0.3s ease;
}

/* --- 3. Hover (Relleno de Fondo sutil y Elevación) --- */
.archivo-boton:hover,
.jet-listing-dynamic-link.archivo-boton:hover {
    /* Efecto de Relleno: Usamos el color de acento para el fondo */
    background: #3498DB; 
    color: #FFFFFF; /* El texto se vuelve blanco para contraste */
    border-color: #3498DB;
    
    /* Elevación sutil */
    transform: translateY(-1px);
    /* Añadimos una sombra en hover, pero no en el estado base */
    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.4); 
}

/* Icono en Hover (se vuelve blanco) */
.archivo-boton:hover i,
.jet-listing-dynamic-link.archivo-boton:hover i {
    color: #FFFFFF;
    /* Movimiento del icono a la derecha */
    transform: translateX(4px); 
}

/* Click / activo */
.archivo-boton:active,
.jet-listing-dynamic-link.archivo-boton:active {
    transform: translateY(0);
    box-shadow: none;
}

/* --- 4. Responsive: móviles --- */
@media (max-width: 768px) {
    .archivo-boton,
    .jet-listing-dynamic-link.archivo-boton {
        font-size: 14px;
        padding: 8px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6318b09 *//**
 * CSS COMPLETO Y DEFINITIVO: SOLUCIÓN BASADA EN GRID
 * Objetivo: Forzar la apariencia de 3 columnas (Nombre | Sueldo | Botón) y botón ancho (40%).
 * Aplicación: Debe pegarse en el Custom CSS del Listing Item.
 */

/* Colores clave: Azul acento (#3498DB), Fondo hover (#F7F9FC), Borde (#E0E0E0) */

/* 1. Estructura de Grid y Alineación (Aplicado al contenedor interno de la fila) */

/* Contenedor principal: Aseguramos el comportamiento de bloque */
.elementor-element-6318b09 {
    display: block !important;
    padding: 0;
    margin: 0;
    border: none !important;
    box-shadow: none !important;
}

/* ⚠️ APLICAMOS GRID AL CONTENEDOR INTERNO DE LOS 3 WIDGETS ⚠️ */
.elementor-element-6318b09 > .e-con-inner {
    display: grid !important; 
    /* Columnas: Nombre (45%) | Sueldo (10%) | Botón (40%) */
    grid-template-columns: 45% 10% 40%; 
    align-items: center; 
    gap: 0;
    
    /* Separador Visual de la Fila */
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
    margin: 0;
    transition: background-color 0.3s ease;
}

/* Eliminar el separador del último grupo */
.elementor-element-6318b09:last-child > .e-con-inner {
    border-bottom: none !important;
}

/* EFECTO HOVER DE FILA */
.elementor-element-6318b09 > .e-con-inner:hover {
    background-color: #F7F9FC !important;
}


/* 2. Estilos de las Celdas y Datos */

/* Reseteamos los estilos de los widgets, ya que el GRID hace el trabajo */
.elementor-element-6318b09 > .e-con-inner > div {
    display: block !important;
    width: auto !important;
    padding: 0 18px; /* Padding interno de la "celda" */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: left !important;
}

.nombrenomina {
    font-weight: 700;
    font-size: 1.1em;
}

.sueldonomina {
    font-weight: 500;
    color: #555555; 
    text-align: center !important; 
}

.archivonomina {
    text-align: right !important; /* Botón a la derecha */
}


/* 3. Estilos del Botón "Ghost" (Más Ancho) */

.archivonomina .jet-listing-dynamic-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 30px; /* Aumento del padding para que sea visualmente más ancho */
    background: transparent; 
    color: #3498DB; 
    border: 1px solid #3498DB; 
    font-weight: 600; 
    font-size: 14px; 
    border-radius: 4px; 
    transition: all 0.3s ease-in-out;
    box-shadow: none; 
    text-decoration: none;
}

.archivonomina .jet-listing-dynamic-link a:hover {
    background: #3498DB; 
    color: #FFFFFF; 
    border-color: #3498DB;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(52, 152, 219, 0.3); 
}

.archivonomina .jet-listing-dynamic-link a:hover .jet-listing-dynamic-link__icon {
    color: #FFFFFF;
    transform: translateX(3px); 
}


/* 4. Adaptación a Móviles (Pila Vertical con Tarjeta) */
@media (max-width: 767px) {
    /* Desactiva el Grid y vuelve a la pila vertical en móvil */
    .elementor-element-6318b09 > .e-con-inner {
        display: block !important;
        /* Estilo de Tarjeta para la fila en móvil */
        border: 1px solid #E0E0E0 !important;
        border-bottom: none !important; /* El borde inferior lo pone el margin-bottom */
        border-radius: 6px;
        margin-bottom: 15px;
        padding: 15px 0;
    }
    
    /* Restaurar la separación interna de los widgets en la pila */
    .elementor-element-6318b09 > .e-con-inner > div {
        padding: 5px 15px;
    }
    
    /* Restaurar estilos y el padding de la tarjeta */
    .nombrenomina {
        font-size: 1.2em;
        padding-top: 0;
    }
    
    /* El botón se alinea a la izquierda en móvil */
    .archivonomina {
        text-align: left !important;
        padding-top: 10px;
    }
    
    /* Añadir etiqueta "Sueldo" en móvil */
    .sueldonomina {
        text-align: left !important;
        color: #555555;
    }
    .sueldonomina .jet-listing-dynamic-field__content:before {
        content: "Sueldo: ";
        font-weight: 400;
        color: #777;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d77470f *//**
 * CSS COMPLETO: Diseño de Tarjeta Flotante y Acento de Color
 * Contenedor principal: .elementor-element-d77470f
 * Incluye: Flexbox para el layout, Shadow Box (Tarjeta), Acento y el fix para el contenedor vacío.
 */

/* Colores clave: Azul de acento (#3498DB), Borde/Fondo sombra (#EEEEEE), Fondo hover (#F7F9FC) */



/* 2. Estilos para los Widgets Individuales y Acento de Color */

/* Nombre del Partido (Columna 1) - Con Acento Azul */
#nombrepartido {
    flex-basis: 35%; 
    font-weight: 700;
    font-size: 1.1em;
    color: #34495e;
    padding-right: 10px;
    
    /* 💥 ACENTO VISUAL */
    border-left: 5px solid #3498DB;
    padding-left: 15px; /* Ajustar padding por el borde */
}

/* Nombre del Responsable (Columna 2) - Texto Secundario */
#nombreresponsable {
    flex-basis: 35%; 
    font-weight: 500;
    font-size: 1em;
    color: #777777; /* Color más suave para información secundaria */
    font-style: italic;
    padding-right: 10px;
}

/* Contenedor del Botón (Columna 3) */
#camposrepetibles {
    flex-basis: 30%; 
    text-align: right;
    padding: 0;
    margin: 0;
}

/* 3. Estilos del Botón de Descarga */
.declaracion-descarga-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px; 
    
    background: transparent; 
    color: #3498DB; 
    border: 1px solid #3498DB; 
    
    font-weight: 600; 
    font-size: 14px; 
    border-radius: 4px; 
    text-decoration: none;
    
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.declaracion-descarga-btn:hover {
    background: #3498DB; 
    color: #FFFFFF; 
    border-color: #3498DB;
    box-shadow: 0 2px 5px rgba(52, 152, 219, 0.2);
}


/* 4. Adaptación a Móviles */
@media (max-width: 767px) {
    /* Desactivar Flexbox y apilar los campos en móvil */
    .elementor-element-d77470f {
        display: block; 
        padding: 15px 10px;
        margin-bottom: 15px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* Sombra más sutil en móvil */
    }
    
    /* Eliminar el acento de borde azul en móvil */
    #nombrepartido {
        border-left: none;
        padding-left: 0;
        font-size: 1.2em;
        margin-bottom: 5px;
    }
    
    /* Los campos ocupan el 100% */
    #nombreresponsable {
        font-style: normal; /* Quitar cursiva en móvil */
        color: #555555;
    }

    #nombreresponsable,
    #camposrepetibles {
        flex-basis: 100%;
        margin-bottom: 8px;
        padding-right: 0;
        text-align: left;
    }
    
    /* Forzar el botón a ocupar el ancho completo en móvil */
    #camposrepetibles .declaracion-descarga-btn {
        width: 100%;
        justify-content: center;
    }
}

/* 5. Solución de Renderizado (Confirmado por el usuario) */
.elementor-element-d77470f .jet-listing-dynamic-field--empty {
    display: none !important;
}

#camposrepetibles .jet-listing-dynamic-repeater__items:empty {
    display: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-31b3d2a *//*
 * Colores clave:
 * Azul oscuro para títulos: #34495e
 * Fondo de encabezado y hover: #F7F9FC
 * Borde: #CCCCCC y #EEEEEE
 */

/* ======================================= */
/* 1. Estilos para el Bloque de Texto (#textodedicacions) */
/* ======================================= */

/* Título principal (h4) */
#textodedicacions .jet-listing-dynamic-field__content h4 {
    color: #34495e; 
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Párrafos y listas para mejorar la legibilidad */
#textodedicacions .jet-listing-dynamic-field__content p {
    line-height: 1.6;
    margin-bottom: 15px;
    color: #333333;
}

/* Estilo de las listas (<ul>) */
#textodedicacions .jet-listing-dynamic-field__content ul {
    list-style: disc inside;
    margin-bottom: 20px;
    padding-left: 10px;
}
#textodedicacions .jet-listing-dynamic-field__content li {
    margin-bottom: 8px;
    line-height: 1.5;
    color: #555555;
}


/* ======================================= */
/* 2. Estilos para la Lista de Diputados (#tabladeputados) */
/* ======================================= */

/* Contenedor general de la lista */
#tabladeputados .jet-listing-dynamic-repeater {
    border: 1px solid #EEEEEE; /* Borde suave alrededor de todo el bloque */
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
}

/* Estilo para el Encabezado: "DEPUTADOS CON DEDICACIÓN" */
#tabladeputados .jet-listing-dynamic-repeater > div:first-child {
    font-weight: 700;
    font-size: 1.1em;
    padding: 15px 18px;
    background-color: #F7F9FC; /* Fondo claro para destacar */
    color: #333333;
    border-bottom: 1px solid #CCCCCC;
    text-transform: uppercase;
}

/* Estilos para los ítems individuales de la lista (las "filas") */
#tabladeputados .jet-listing-dynamic-repeater__item {
    padding: 12px 18px;
    border-bottom: 1px solid #EEEEEE; /* Separador sutil entre ítems */
    transition: background-color 0.2s ease;
    color: #333333;
    font-weight: 500;
}

/* Eliminar el borde inferior del último ítem */
#tabladeputados .jet-listing-dynamic-repeater__item:last-child {
    border-bottom: none;
}

/* Estilo Hover de Fila */
#tabladeputados .jet-listing-dynamic-repeater__item:hover {
    background-color: #F7F9FC; /* Fondo muy claro para hover */
    cursor: pointer;
}

/* Estilo del Span (donde va el nombre) dentro del ítem */
#tabladeputados .jet-listing-dynamic-repeater__item span {
    display: block;
}

/* Media Query para móvil */
@media (max-width: 767px) {
    /* Reducir el padding general en móvil */
    #tabladeputados .jet-listing-dynamic-repeater__item,
    #tabladeputados .jet-listing-dynamic-repeater > div:first-child {
        padding-left: 10px;
        padding-right: 10px;
    }
}/* End custom CSS */