/* Estilos Base */
/* CAMBIO: Nueva fuente moderna y liviana */

/* ... Tus otros estilos (body, reset-all-styles, etc.) ... */
    
    /* Reglas para hacer la tabla responsive */
    @media (max-width: 767px) {
        #dtf-module-table,
        #dtf-module-table tbody,
        #dtf-module-table tr {
            display: block;
            width: 100%;
        }
         .logo-unicadata {
            font-family: 'Poppins', sans-serif; /* Aplica la fuente Poppins */
            font-weight: 400; /* Negrita para un aspecto de logo más fuerte */
            font-size: 4em; /* Ajusta el tamaño del logo */
            line-height: 1;
            /* Opcional: Centrar el logo en la página */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f4f4f4; /* Color de fondo para que se vea mejor */
        }

        .logo-u {
            /* Color amarillo: #ffd21f */
            color: #ffd21f;
        }

        .logo-nicadata {
            /* Color gris: #737373 */
            color: #737373;
        }

        #dtf-module-table td {
            /* Convierte la celda en un bloque de ancho completo */
            display: block; 
            width: 100% !important; 
            padding: 10px 16px; /* Asegura un padding vertical adecuado */
            border-right: none; /* Elimina la línea vertical entre celdas */
            border-bottom: 1px solid #374151; /* Añade una línea horizontal como separador */
        }
        
        /* Oculta la línea inferior de la última celda apilada para evitar un doble borde */
        #dtf-module-table tr:last-child td:last-child {
            border-bottom: none;
        }
    }

.reset-all-styles {
    /* 'initial': Devuelve todas las propiedades a su valor inicial. 
    'unset': Devuelve las propiedades heredables a su valor padre y las no heredables a 'initial'.
    'unset' suele ser la mejor opción.
    */
    all: unset !important; /* ¡El !important asegura que sobrescriba casi todo! */
    box-sizing: border-box !important; /* Generalmente se desea mantener esto */
    /* Vuelve a definir las propiedades básicas que el div necesita */
    display: block !important; 
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1rem !important;
    color: inherit !important;
}
body { font-family: 'Roboto', sans-serif; background-color: #f7f7f9; }
.loader { border-top-color: #3b82f6; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }

/* Utilidades Imagen */
.article-image { width:100%; height:180px; object-fit:cover; }
.local-card-image { height: 100px; object-fit: cover; }

/* Carrusel Local */
.local-card { flex: 0 0 200px; margin-right: 16px; scroll-snap-align: start; transition: transform 0.3s ease; }
.local-news-container { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.local-news-container::-webkit-scrollbar { display: none; }

/* Publicidad */
.ad-slot-card {
    background-color: #f3f4f6;
    border: 2px dashed #d1d5db;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 250px; 
    overflow: hidden;
    border-radius: 0.75rem;
}

/* Bloques */
.thematic-row { background: white; border-radius: 0.5rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); margin-bottom: 2rem; }
.section-title { font-size: 1.25rem; font-weight: 800; text-transform: uppercase; margin-bottom: 1rem; display: inline-block; padding-bottom: 0.25rem; }

/* Header Info (Contenedor principal) */
.header-info-bar { 
    background-color: #ffffff; 
    border-radius: 0.5rem; 
    padding: 0.75rem 1.5rem; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); 
    margin-top: 1.5rem; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    align-items: center; 
    font-size: 0.9rem; 
    font-weight: 600; 
}
/* Bloque individual */
.info-block { 
    display: flex; 
    align-items: center; 
    padding: 0.5rem 0;
}
.info-block > span:first-child { 
    margin-right: 0.5rem; 
    font-size: 1.2rem; 
    color: #4b5563; 
}

/* Footer Styles */
/* CAMBIO: Footer también usa Inter */
.main-footer { background-color: #1f2937; color: #f3f4f6; font-family: 'Inter', sans-serif; }
.footer-link-title { color: #9ca3af; font-weight: 700; margin-bottom: 0.75rem; text-transform: uppercase; font-size: 0.875rem; }
.footer-link a { color: #d1d5db; font-size: 0.875rem; line-height: 1.5; display: block; transition: color 0.2s; }
.footer-link a:hover { color: #3b82f6; }

/* Clase para asegurar que el título se muestre completo */
.full-title {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
}