/* resources layout */
.resources-layout {
    height: 100vh;                      /* Full viewport height */
    overflow-y: auto;                   /* allow vertical scroll*/
    padding: 1rem 2rem 4rem 2rem;       /* top, right, bottom, left */
}
/* Fit for smart screens */
@media (max-width: 992px) {
    .resources-layout {
        padding: 1rem 2rem 4rem 2rem;  /* usa 5% del ancho de la pantalla como margen lateral */
    }
}
/* Resources title */
.resources-title{
    font-size: 4rem;                    /* Large text size for visibility */
    font-weight: 700;                   /* Bold text */
    color: #1E1E1E;                     /* Dark gray text color */
    margin: 0 auto 2rem auto;           /* Center horizontally and add top/bottom space */
    text-align: center;                 /* Center the title */
    display: block;                     /* Ensure full-width block behavior */
}
.resources-title-section{
    width: 100%;                        /* Take full width of the page */
    display: flex;                      /* Use flex for robust centering */
    justify-content: center;            /* Center horizontally */
    align-items: center;                /* Center vertically within the section */
    padding: 1.5rem 3.5rem 0.5rem 3.5rem;   /* Padding around the title */
    margin-bottom: 0;                   /* Space below the title section */
}
.resources-description {
    margin: 2rem auto 0.5rem auto;  /* Top and bottom spacing, center horizontally */
    padding: 1.5rem 4rem 0 4rem;           /* Inner spacing on all sides */
    font-size: 1.2rem;            /* Comfortable reading size */
    color: #333;                  /* Dark text color for readability */
    line-height: 1.8;             /* Line spacing for better readability */
    text-align: justify;          /* Justify text on both sides */
    white-space: pre-line;        /* Interpret \n as line breaks */
}
.resources-files-section {
    display: block; /* makes padding effective */
    margin: 0 auto 3rem auto;  /* Top and bottom spacing, center horizontally */
    padding: 0 5rem;           /* Inner spacing on all sides */
}
.resources-links {
    display: block;
    width: 100%;
    color: #0056b3;
    font-weight: 500;
    cursor: pointer;
    font-size: 1.2rem; /* Slightly larger text for names */
    text-decoration: none;
}
.resources-links:hover {
    color: #003d80;
    text-decoration: underline;
}