/* styles.css */

/* Estilos generales */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Encabezado */
header {
    background-color: #2B3952;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

/* Logo en el encabezado */
.logo {
    width: 10%; /* Ajusta el ancho según sea necesario */
    height: auto;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}


/* Secciones */
.pdf-section {
    margin: 20px;
    padding: 20px;
    border: 1px solid #C2C1C1;
    border-radius: 5px;
}

.pdf-section h2 {
    margin-top: 0;
}

/* Lista de PDFs */
.pdf-list {
    list-style: none;
    padding: 0;
}

.pdf-list li {
    margin-bottom: 10px;
}

.pdf-list a {
    text-decoration: none;
    color: #2B3952;
    transition: color 0.3s ease-in-out;
}

.pdf-list a:hover {
    color: #2B3952;
}
/* styles.css */

/* ... Otros estilos ... */

/* Lista de PDFs visible u oculta */
.pdf-list {
    list-style: none;
    padding: 0;
    display: none;
}

.pdf-list-visible {
    display: block;
}

/* Lista de PDFs en dos columnas */
.tree-column .pdf-list {
    column-count: 3;
    column-gap:20 px; /* Espacio entre las columnas */
}

/* Contenido principal en dos columnas */
.two-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; /* Espacio entre las columnas */
}
/* Pie de página */
footer {
    background-color: #2B3952;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}