/*css adicional para las partes que añadi para mejorar el diseño*/
:root{
    /* colores */
    --clr-negro: #000000;
    --clr-blanco: white;
    --clr-dorado: #f4d229;
    --clr-amarillo-claro: #e6d690;
    --clr-azul: #7892c2;
    /* fuentes */
    --ff-title: 'Roboto', sans-serif;
    --ff-title-weight: 500;
    --ff-paragraph: 'Poppins', sans-serif;
    --ff-paragraph-weight: 300;
    --ff-paragraph-size: 1.3125rem;
}

.supercontainer{
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center elements horizontally within the container */
    width: 100%;
    height: 100%;
}

.header{
    position: relative;
    color: var(--clr-azul);
    margin-top: 1rem;
    height: 2rem;
    display: flex; /* Add this to enable flexbox */
    align-items: center;
       
}

.title{
    font-family: var(--ff-title);    
    font-size: medium;
    padding-top: 1rem;
    padding-left: 1.5rem;
    text-align: center; /* Center the text horizontally */
}


.text-container {
    width: 100%;  
    text-align: justify; 

}

.texto{    
    flex: 1; /* Take up all available space */
    padding-left: 10px; /* Add some padding for spacing */
    padding-right: 1rem;
    padding-top: 0px;   
    margin-bottom: -15px;
}
.map_container{ 
    position: relative;  
    align-items: center;
    width: 150px; /* adjust as needed */
    height: 75px; /* adjust as needed */   
}


#mapa1{
    max-width: 100%; /* Ensures image doesn't overflow container */
    max-height: 200px;
    margin: 0;
    padding-left: 50%;
}

.map_container p {
    margin: 0;
    text-align: center;
  }