.s_aliados{
    height: 100%;
    width: 100%;
    padding: 50px;
    background-image: url("../images/back_aliados.jpg");
    background-size: cover;
    text-align: center;
    


}
.aliados{
   /* We first create a flex layout context */
   display: flex;
  
   /* Then we define the flow direction 
      and if we allow the items to wrap 
    * Remember this is the same as:
    * flex-direction: row;
    * flex-wrap: wrap;
    */
   flex-flow: row wrap;
   gap: 15px;
   
   /* Then we define how is distributed the remaining space */
   justify-content: center;
   padding: 0;
   margin: 0;
   list-style: none;

}

.circulos{
    background: tomato;
    padding: 5px;
    width: 150px;
    height: 150px;
    margin-top: 10px;
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    border-radius: 100%;
    display: block;
    box-shadow: 5px 5px rgba(11, 56, 71,0.4);

}

.circulosl{
    background: tomato;
    padding: 5px;
    width: 300px;
    height: 150px;
    margin-top: 10px;
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
    border-radius: 45%;
    display: block;
    box-shadow: 5px 5px rgba(11, 56, 71,0.4);
}

.aliados li a:hover{
    border: solid 2px rgb(30, 61, 117);
}

.circulo1{
    background-image: url("../images/Decor-150x150.jpg");
    background-size: cover;
}

.circulo2{
    background-image: url("../images/Carolina-Mendez-Events-150x150.png");
    background-size: cover;
}
.circulo3{
    background-image: url("../images/Vivianne-Brichaux-150x150.jpg");
    background-size: cover;
}
.circulo4{
    background-image: url("../images/Momenti-150x150.jpg");
    background-size: cover;
}
.circulo5{
    background-image: url("../images/Eventus-150x150.jpg");
    background-size: cover;
}
.circulo6{
    background-image: url("../images/Crea-Evento-150x150.png");
    background-size: cover;
}
.circulo7{
    background-image: url("../images/Sparks-Events-150x150.png");
    background-size: cover;
}
.circulo8{
    background-image: url("../images/Marry-me-in-Guatemala-150x150.png");
    background-size: cover;
}
.circulo9{
    background-image: url("../images/Vicky-Rodas-WP-150x150.png");
    background-size: cover;
}
.circulo10{
    background-image: url("../images/Patty-lisi.png");
    background-size: cover;
}

.logos{
   display: flex;
   flex-flow: row wrap;
   gap: 15px;
   justify-content: center;
   padding: 0;
   margin: 0;
   
}

.logos-items{
    width: 300px;
    padding: 10px;
    font-size: small;
}

.logos-img{
    width: 100%;
}

.centrado-blog{
    text-align:justify;
}

.contenedor-guatemala{
    background-color: red;
    width: 80%;
    height: 500px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}

.guate-item{
    background-color: blue;
    width: 700px;
    height: 300px;
}

.imagen-logo{
    width: 250px;
}

.tpx{
    font-size: 0.9em;
    text-align: justify;
}

.p-4-1{
    height: 300px;
}

.p-4-2{
    height: 555px;
}

.p-4-3{
    height: 460px;
}

.txj {
    text-align: justify;
}

.txc {
    text-align: center;
}
/*************GALERIA LIGHBOX ********************/


.contenedor-galeria{
    margin-top: 30px;
    padding: 10px;
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 20px;
}

.contenedor-galeria2{
    padding: 10px;
    width: 100%;
    height: 50%;
    display:flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 20px;
}

.cuadros{
    width: 165px;
    height: 165px;
    background-color: orange;
    border: 2px solid black;
    margin-bottom: 15px;

}

.fondo-gris{
    background-color: #3a3a3a;
    width: 80%;
    border-radius: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.fondo-gris  h1{
    color: #dfc15e;
}