/* --- Estilos para la lista de resultados del Repositorio Académico --- */

/* Contenedor principal de la lista (ul) */
.rau-lista-resultados {
    list-style: none !important; /* Forzar la eliminación de viñetas (el punto negro) */
    padding-left: 0 !important; /* Resetear el padding que los temas suelen añadir a las listas */
    margin-left: 0;
}

/* Cada elemento de la lista (li) */
.rau-lista-resultados .resultado-item {
    /* Esta es la clave: Flexbox alinea los elementos hijos (icono y texto) en una fila */
    display: flex;
    align-items: flex-start; /* Alinea verticalmente el icono y el texto en la parte superior */
    gap: 15px; /* Espacio entre el icono y el contenido de texto */
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
}

/* Contenedor de la imagen/icono */
.rau-lista-resultados .resultado-item .resultado-visual {
    flex-shrink: 0; /* Evita que el contenedor del icono se encoja */
    width: 100px; /* Ancho fijo para el contenedor del icono */
}

/* La imagen del icono en sí */
.rau-lista-resultados .resultado-item .resultado-visual img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 6px;
    border: 1px solid #ccc;
}

/* Estilo específico para miniaturas (cuando es una foto) */
.rau-lista-resultados .resultado-item .resultado-visual .resultado-miniatura {
    object-fit: cover;
    background: #fff;
}

/* Estilo específico para iconos genéricos (pdf, xls, etc.) */
.rau-lista-resultados .resultado-item .resultado-visual .resultado-icono {
    object-fit: contain; /* Asegura que el icono se vea completo sin deformarse */
    padding: 5px; /* Añade un poco de aire dentro del borde del icono */
    background: #f0f0f0;
}


/* Contenedor del texto (título, descripción, etc.) */
.rau-lista-resultados .resultado-item .resultado-contenido {
    flex: 1; /* Permite que este contenedor ocupe todo el espacio sobrante */
    min-width: 0; /* Arreglo de Flexbox para evitar desbordamiento de texto largo */
}

/* Estilos para el texto para mejorar la apariencia */
.resultado-contenido h3,
.resultado-contenido h4 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1.2em;
}

.resultado-contenido p {
    margin: 0 0 10px 0;
    font-size: 0.95em;
    color: #555;
    line-height: 1.5;
}

.resultado-contenido .meta-resultado {
    font-size: 0.85em;
    color: #777;
}

.resultado-contenido .fecha {
    font-size: 0.9em;
    color: #888;
}