/* Font for the entire document */
body {
   
    font-size: 1rem; /* General font size */
    line-height: 1.6; /* Increase for better readability */
    color: #333; /* Darker text for a professional feel */
}

.text-justify {
    text-align: justify;
    line-height: 1.6;
}

h1 {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}


/* Border and layout adjustments for columns */
.bordered-section {
    border: 2px double #000; /* Double black border for a formal look */
    padding: 30px; /* More space around the text */
    margin-bottom: 30px; /* Space between sections */
    background-color: #fff; /* Clean white background */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Slight shadow */
}

/* Subtitle styling with uppercase and spacing */
.subtitle {
    text-transform: uppercase; /* Make it uppercase */
    letter-spacing: 2px; /* Adds space between letters for a formal look */
    font-weight: bold; /* Emphasize the title */
    margin-bottom: 15px; /* Space after subtitle */
}

/* Bold and underlined position titles with proper spacing */
.position-title {
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.2rem;
    margin-top: 10px; /* Adds space above each position title */
    display: inline-block;
}

/* Left margin for the names under each title */
.margen-izquierda {
    margin-left: 50px;
}

/* Adjust the list for a more structured, formal look */
ul.list-unstyled {
    list-style-type: none; /* Remove bullet points */
    padding-left: 0;
}

/* Optional adjustments for better legal style */
h2.title, h3.subtitle {
    
    font-size: 1.75rem; /* Larger font for title */
    color: #000; /* Black color for formal documents */
}
.centered-text {
    position: absolute;
    top: 35px; /* Align the top part */
    left: 50%;
    transform: translateX(-50%); /* Horizontally center */
    text-align: center;
    width: 100%; /* Full width to ensure content is not cut off */
}

.centered-text img {
    max-width: 80%; /* Control maximum width of the image */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Block-level element to apply margin auto */
    margin: 0 auto; /* Center the image horizontally */
}


.centered-text h1 {
  font-size: 2rem; /* Larger font size */
  font-weight: 700; /* Bold */
  letter-spacing: 1px; /* Slight letter spacing */
  text-transform: uppercase; /* Uppercase for the title */
  margin-bottom: 20px; /* Space between title and subtitle */
  
}

.centered-text h2 {
  font-size: 1.5rem; /* Smaller subtitle font size */
  font-weight: 500; /* Lighter weight for subtitle */
  letter-spacing: 3px; /* Larger letter spacing */
  text-transform: uppercase; /* Uppercase for subtitle */
  margin-bottom: 0;
}

.navbar-custom {
  position: fixed;  /* Keep the header fixed, assuming that's the design */
  top: 0;
  width: 100%;
  z-index: 1000; /* Ensure it's above other elements */
}


/* Que el overlay NO tape el contenido */
.background { position: relative; }
.background .overlay {
  position: absolute; inset: 0; z-index: 0;
}

/* En “Quiénes somos” NO queremos centrar absoluto */
.background .centered-text {
  position: static !important;
  transform: none !important;
  top: auto; left: auto;
  z-index: 1;            /* encima del overlay */
  text-align: initial;
}

/* Bootstrap 5 no trae .text-justify */
.text-justify { text-align: justify; }

/* SOLO el container del contenido de "Quiénes somos" */
.background .centered-text > .container {
  margin-top: 120px;   /* o padding-top: 120px; si preferís */
}

/* Asegurá que el footer no tenga margen arriba en esta página */
.site-footer .container {
  margin-top: 0 !important;
  padding-top: 0;      /* opcional, por si querés cero “aire” arriba */
}