.container_proyecto1{
    /*background-color: rgba(255, 199, 131, 0.6);*/
    margin-left: -5%;
    width: 35%;   
    height: 70%;
    border-radius: 10px;
    display: block;
    transition: transform 0.5s ease;
    cursor: pointer;
    position: relative;
}
.pro-portada1{
   margin: 0 auto;
   display: flex;
   height: 100%;
   max-height: 100%;
   width: 100%;
   position: relative; /* Necesario para posicionar el pseudo-elemento */
    overflow: hidden;
}
.pro-portada1 img{
   width: 100%;
   max-width: 100%;
   height: auto;
   object-fit: cover;
   margin: 0 auto;
   border-radius: 7px;
}
.pro-portada1::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 40%; /* Ajusta la altura del degradado */
   background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); /* Degradado sutil */
   pointer-events: none; /* Asegura que el degradado no interfiera con la interacción del usuario */
   border-radius: 7px; /* Alinea con el borde redondeado de la imagen */
}
.container_proyecto1:hover,.container_proyecto2:hover{
    transform: scale(1.1);
}
.container_proyecto2{
    /*background-color: rgba(127, 204, 255, 0.6);*/
    margin-left: 10%;
    width: 35%;
    height: 70%;
    display: block;
    border-radius: 10px;
    transition: transform 0.5s ease;
    cursor: pointer;
}
.contenedor_proyecto{
   display:block;
   justify-content: center;
   background-size: cover;
   text-align: center;
   align-items: center;
   justify-self: center;
   width: 100%;
   height: 100%;
   border-radius: 10px; 
   cursor:default;
   margin: 0 auto;
}
.contenedor_proyecto2{
    display:flex;
    justify-content: center;
    background-size: cover;
    text-align: center;
    align-items: center;
    justify-self: center;
    border-radius: 10px;
    width: 94%;
    height: 85%;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 2%;
}
 .pro_titulo1{
    padding: 7px;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-family:'Lato',Sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: darkblue;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }
 .titulito,.titulito2{
   font-family:'Lato',Sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: darkblue;
    border-radius: 7px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
   background-color: rgba(255, 199, 131, 0.6);

 }
 .titulito2{
   background-color: transparent;
 }
 #ubi-img{
    cursor: pointer;
 }
 #ubi-img:hover{
    animation: deslizarY 0.5s ease-out;
    filter: saturate(2);
 }
 .oculto1{
    display: none !important;
 }
 .pro-contenedor1,.pro-contenedor2,.pro-contenedor3,.pro-contenedor4,.pro-contenedor5,.proyectos-desplegable1,.proyectos-desplegable2,.resumen-anual1,.resumen-anual2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 70vh;
    text-align: center;
    animation: deslizarY 2s ease-out;
 }

 .ver-mas:hover,.ver-mas2:hover,.ver-mas3:hover{
   animation: deslizarY 0.5s ease-out;
   background-color: #e7e7e7;
}
.ver-mas{
   padding: 6px 20px;
   font-weight: bold;
   background-color: #e3ecf3;
   color: #FFA050 ;
   font-size: 15px;
   border: none;
   cursor: pointer;
   display: flex;
   position:relative;
   text-align: center;
   margin-left: 45%;
   border-radius: 8px;
}
.ubi-lista-container{
   height: 100%;
   width: 20%;
   background-color: rgb(202, 241, 255);
   font-family:'Lato',Sans-serif;
   border-radius: 7px; 
}
.ubi-lista-container img {
   width: 25%;
   height: 20%;
   background-size: contain;
   border-radius: 10px;
   transition: transform 0.5s ease;
}
.ubi-lista-container img:hover{
      transform: scale(1.2);
     /* Ajusta el factor de escala según tus preferencias */
    filter: saturate(2);
}
.ubi-maps-place{
   margin-left: 3%;
   height: 100%;
   width: 65%;
}
.ubicaciones-proyectos{
   background-color: rgb(202, 241, 255);
   text-align: center;
   border-radius: 7px;
   transition: transform 0.5s ease;
}
.ubicaciones-proyectos:hover{
   background-color: rgb(112, 194, 227);
   cursor: pointer;
   border-radius: 7px;
   transform: scale(1.05);
}
#ubi-e{
   color: rgb(0, 0, 201);
   font-weight:bolder;
   text-align: left;
}
@media only screen and (max-width: 768px){
   .pro-contenedor1,.pro-contenedor2,.pro-contenedor3,.pro-contenedor4,.proyectos-desplegable1,.proyectos-desplegable2{
      display: block;
      height: 90vh;
      }
   .container_proyecto1,.container_proyecto2{
      width: 80%;
      height: 40%;
      margin: 0 auto;
      margin-block-end: 15%;
   }
   .contenedor_proyecto{
      background-size: cover;
      object-fit: cover;
   }
}