body {
    font-family: 'Helvetica', 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

body {
    padding: .25em;
}

.language-switcher {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #f0f0f0;
}

.language-switcher button {
    margin: 1px;
    padding: 2px;
    font-size: 1em;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    
}

.primary-article h1 {
    font-family: 'Optima', 'Segoe UI', Tahoma, sans-serif;
    font-size: 2em;
    text-align: center;
}

.primary-article h2 {
    font-family: 'Optima', 'Segoe UI', Tahoma, sans-serif;
    font-size: 1.5em;
    text-align: center;
}

.secondary-article h2 {
    font-family: 'Optima', 'Segoe UI', Tahoma, sans-serif;
    font-size: 1.5em;
    text-align: center;
}

.secondary-article p {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 1.3em;
    text-align: justify;
}

.articulos-secundarios {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.articulos-secundarios article {
    width: 48%;
    margin: 3px 0;
}

/*
.secondary-article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.secondary-article {
    width: 45%;
    margin: 3px 0;
}
*/
.secondary-article img{
    max-width: 100%; /* 1/8 del ancho de la ventana gráfica */
    height: auto;
    float: inherit  ;
    color: black;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}


@media (max-width: 1080px) {
    
   
    
    .articulos-secundarios article {
        width: 90%;
        margin: 3px 5%;
    }
    
    .secondary-article img {
        width: auto;
        height: 50vh;
        
    }
    /*    .secondary-article {
        width: 96%;
        margin: 2%;
        }
    */
}