.grilla{display:grid;grid-template-columns:1fr;grid-template-rows:30vh 50vh 50vh 30vh 30vh;gap:24px 24px;grid-template-areas:"uno" "dos" "tres" "cuatro" "cinco"}@media screen and (min-width:750px){.grilla{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:380px 380px;gap:24px 24px;grid-template-areas:"uno dos dos" "tres cuatro cinco"}}.grilla .item:nth-child(1){grid-area:uno}.grilla .item:nth-child(2){grid-area:dos}.grilla .item:nth-child(3){grid-area:tres}.grilla .item:nth-child(4){grid-area:cuatro}.grilla .item:nth-child(5){grid-area:cinco}.grilla .item{position:relative;border-radius:10px;overflow:hidden}.grilla .item img{transition:.5s;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.grilla .item:hover img{transform:scale(1.05)}.grilla .item:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.grilla .item__media{height:100%}.grilla .item__content{position:absolute;left:0;bottom:0;z-index:2;padding:5rem;width:100%;height:100%;display:flex;flex-direction:column;-ms-flex-direction:column;justify-content:center;align-items:center;transition:.5s;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.grilla .item:hover .item__content{background:#0000004a}.grilla .item:nth-child(1) .item__content{justify-content:flex-end}.grilla .item:nth-child(1) .item__content .content-container{text-align:left}.grilla .item__content .content-container{text-align:center}.grilla .item__content .button-no-back{color:rgb(var(--color-foreground));text-decoration:underline;text-transform:uppercase}.grilla h2.item__heading{margin:0;font-weight:700;text-transform:uppercase}.grilla .item__text{margin-top:2rem}.grilla .item__buttons{margin-top:2rem;display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width:750px){.grilla{gap:10px;padding:0}.grilla .item{border-radius:0}.grilla .item:nth-child(1) .item__content .content-container{text-align:center}.grilla .item__buttons .button{font-size:12px;padding:0}.grilla h2.item__heading{margin:0;font-size:18px}.grilla .item__text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-grilla.css.map */