/* Sites layout */
.sites-layout {
    width: 100vw;                       /* Use full viewport width */
    min-height: 100vh;                  /* At least full height */
    overflow-y: auto;                   /* allow vertical scroll*/
    padding: 1rem 2rem 4rem 2rem;       /* top, right, bottom, left */
}
/* Fit for smart screens */
@media (max-width: 992px) {
    .sites-layout {
        padding: 1rem 1vw 4rem 1vw;  /* usa 5% del ancho de la pantalla como margen lateral */
    }
}
/* Page title */
.sites-title {
    font-size: 4rem;                    /* Large text size for visibility */
    font-weight: 700;                   /* Bold text */
    color: #1E1E1E;                     /* Dark gray text color */
    margin: 0 auto 0 auto;           /* Center horizontally and add top/bottom space */
    text-align: center;                 /* Center the title */
    display: block;                     /* Ensure full-width block behavior */
}
/* Title section */
.sites-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 */
}

/* World map container */
.sites-map {
    width: 100%;      /* Take full width */
    height: 100%;     /* Expand naturally */
    margin: 0;
    padding: 0;
    display: block;
}

/* --- Map container --- */
.sites-map-section {
    width: 100%;
    display: block;
    aspect-ratio: 2.5 / 1; /* ancho:alto */
    margin: 3rem auto 3rem auto;  /* Top and bottom spacing, center horizontally */
}

/* Responsive for small screens */
@media (max-width: 768px) {
   /* Title section */
    .sites-title-section {
        padding: 1.5rem 0 0.5rem 0;   /* Padding around the title */
    }
}