.container-cards-projects-1 {
  display: grid;
  grid-template-columns: calc(60% - 10px) calc(40% - 10px);
  column-gap: 20px;
  overflow: hidden;
  
}

.container-cards-projects-2 {
  display: grid;
  grid-template-columns: calc(40% - 10px) calc(60% - 10px);
  column-gap: 20px;
  overflow: hidden;
  margin: 20px 0;
}

@media (max-width: 700px) {
.container-cards-projects-1,
.container-cards-projects-2  {
  grid-template-columns: 1fr;
  row-gap: 15px;   
  
}
}

.card-project-home {
  position: relative;
  width: 100%;
  /* height: 250px;   */
  height: auto;
  overflow: hidden;
  cursor: pointer;
  transition: transform .35s ease;
  text-decoration: none !important;
}
/* @media (min-width: 750px) {
    .card-project-home {
    height: 300px;
}
}
@media (min-width: 1000px) {
    .card-project-home {
    height: 400px;
}
}
@media (min-width: 1200px) {
    .card-project-home {
    height: 450px;
}
}

@media (min-width: 1400px) {
    .card-project-home {
    height: 550px;
}
} */

@media (max-width: 700px) {
.card-project-home{
    overflow: visible;
        height: auto;
        display: flex;
        flex-direction: column;
}

}
/* @media (max-width: 500px) {
.card-project-home{
    height: 350px;
}
}
@media (max-width: 300px) {
.card-project-home{
    height: 200px;
}
} */



/* Imagen como elemento real */
.card-img,
.card-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay oculto */
.info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px;
  background:#ffffff;
  color: rgb(0, 0, 0);
    border: 1px solid #dddcdc;
  border-top: none;
  /* opacity: 0;
  transform: translateY(30px);
  transition: all .35s ease; */

  display: flex;
  justify-content: space-between;
  align-items:center;
  column-gap: 1rem;
  /* align-items: center; */
}

@media (min-width: 700px) {
    .info {
 opacity: 0;
transform: translateY(40px);
  transition: all .5s ease;
    }

/* hover titulo */
.card-project-home:hover .info {
  opacity: 1;
  transform: translateY(0);
}

}

.title-project-card-home{
    font-size: 2.5rem;  
    font-family: GotezRegular;
    /* margin: 0 0 .3rem 0; */
}
.subtitle-categoria-home-project{
    font-size: 1.125rem;
       font-family: GotezRegular;
       align-self: end;
       margin: 0 0 .3rem 0;
       letter-spacing:.1rem;
       text-transform: uppercase;
       text-align:end;
}


@media (max-width: 1440px) {
    .title-project-card-home{
    font-size: 1.62rem;   
}
.subtitle-categoria-home-project{
    font-size: .875rem;   
    margin:0 0 .1rem 0;
}
}

@media (max-width: 1024px) {
    .title-project-card-home{
    font-size: 1.4rem;  
  
}
/*.subtitle-categoria-home-project{*/
/*    font-size: 1rem;      */
/*}*/
}

/****Moivl hover se hace fijo***/

@media (max-width: 700px) {
.card-project-home .info {
  opacity: 1;
  transform: translateY(0);
}

.info{
    padding: 10px;
}
.title-project-card-home{
    font-size: 1.2rem;  
  
}
.subtitle-categoria-home-project{
    font-size: .7rem;      
    align-self: center;
    margin: 0;
}
.info{
  position: relative;

}
}