.l-hero {max-width: var(--areaMaxima); margin: 0 auto; position: relative;}
.l-hero__img {position: absolute; top: 0%; z-index: -100; width: 100%;}
.l-hero__container {display: flex; align-items: center; min-height: 760px;}
.l-hero__desc {background-color: #49004ce0; color: var(--blanco); max-width: 552px;}
.l-hero__title {background-color: #4e074f; height: 70px; margin: 0; padding: 0 1rem; display: flex; align-items: center;}
.l-hero__p {padding: 0 0 0 1rem;}

.l-main__container {/* padding-top: 4rem; */width: 80%;margin: 3rem auto 2rem;}
.l-main__info {width: 60%; margin: 0 auto;}
.l-main__title {font-size: var(--Hbold);font-weight: bold;font-size: 2.25rem;color: #56004e;margin-top: 0;}
.l-main__desc:last-child {margin-bottom: 0;}
.l-galery {}
.l-galery__container {}
.l-galery__principal {width: 100%; margin: 0 auto; box-shadow: 0px 26px 20px 0px rgba(0, 0, 0, 0.17);}
.l-galery__list-item {justify-self: center;height: 113px;max-width: 201px;margin: 9px;}
.l-galery__list-item:hover {cursor: pointer;}
.l-galery__list {max-width: 60%;margin: 2.5rem auto 0;grid-gap: 20px;display: flex;justify-content: center;flex-wrap: wrap;}
.l-desc__reduce {width: 60%; margin: 0 auto;}
.l-desc__list {display: flex; justify-content: space-between;}
.l-desc__list li {list-style: initial;}
.l-desc__list-1 , .l-desc__list-2{width: 45%;}
.l-desc__list-1 {}
.l-mas {background-color: #f0f0f0;max-width: 1600px;margin: 0 auto;}
.l-mas__container { padding: 3rem 0;}
.l-mas__title {text-align: center; color: var(--morado3); font-size: 2.1875rem; font-weight: bold;}
.l-mas__grid {display: flex;justify-content: center;margin-top: 3rem;margin-left: auto;margin-right: auto;flex-wrap: wrap;}
.l-cta {width: 240px; height: 57px; margin: 2rem auto; background-color: var(--morado3); color: var(--blanco); display: flex; justify-content: center; align-items: center;  font-size: 1.5rem; font-weight: bold;}


@media only screen and (min-width : 768px) and (max-width : 1024px)  {
.l-hero {width: 100%; background-position: center; background-size: cover;}
.l-hero__title { margin-left: 3rem;}
.l-mas__grid {grid-template-columns: repeat(2 , 1fr); grid-gap: 1rem; padding: 1rem;}
.l-main__info {width: 100%;}

}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .l-galery__list {max-width: 90%;}
    .l-desc__reduce {max-width: 80%;}
}
@media (min-width: 20em) and (max-width: 30em) {
    .l-hero__desc {width: 90%;}
    .l-hero__title { font-size: 2.1rem; justify-content: center;}
    .l-main__title {line-height: 2.5rem;}
    .l-mas__grid , .l-galery__list {grid-template-columns: repeat(1 , 1fr);}
    .l-galery__list {width: 90%;}
    .l-galery__list-item {width: 100%;}
    .l-main__info {width: 90%;}
    .l-desc__p {width: 95%; margin: 0 0 1rem 0;}
    .l-desc__list {flex-direction: column; }
    .l-desc__list-1, .l-desc__list-2 {width: 95%;}
    .l-desc__reduce {width: 95%; padding: 1rem;}
    
    
}

@keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
  
  .fade-in {
    opacity: 0;
    animation: fadeIn 0.4s ease-in 1 forwards;
  }