.categories-index{padding:45px 0;margin:0 auto!important;height:100%;width:100%}.category-title{color:#969696;font-family:Avenir-Heavy;font-size:45px;padding:20px 0;text-align:center;margin-bottom:0;text-transform:uppercase}.category-container{padding:0 30px;margin:10px 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr)}.category-content-image{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px;margin:0 15px}.category-image{width:100%;height:100%;display:block;object-fit:cover}.category-overlay{background:#00000059;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:.5s ease-in-out;border-radius:7px;display:flex;justify-content:center;align-items:center}.category-content-image.animation__bottom-top .category-overlay:before{content:"";width:100px;height:100px;position:absolute;top:0;left:0;background-image:url(//www.adh.com.co/cdn/shop/t/15/assets/square-dots.png?v=169747874533616131801752248577);background-repeat:no-repeat;background-position:center;background-size:contain}.category-content-image.animation__left-right .category-overlay:before{content:"";width:100px;height:100px;position:absolute;top:0;right:0;background-image:url(//www.adh.com.co/cdn/shop/t/15/assets/square-dots.png?v=169747874533616131801752248577);background-repeat:no-repeat;background-position:center;background-size:contain}.category-content-image.animation__top-bottom .category-overlay:before{content:"";width:100px;height:100px;position:absolute;bottom:0;right:0;background-image:url(//www.adh.com.co/cdn/shop/t/15/assets/square-dots.png?v=169747874533616131801752248577);background-repeat:no-repeat;background-position:center;background-size:contain}.category-content-image.animation__right-left .category-overlay:before{content:"";width:100px;height:100px;position:absolute;bottom:0;left:0;background-image:url(//www.adh.com.co/cdn/shop/t/15/assets/square-dots.png?v=169747874533616131801752248577);background-repeat:no-repeat;background-position:center;background-size:contain}.category-overlay-text{width:100%;color:#fff;font-family:Avenir-Heavy;font-size:28px;position:absolute;text-align:center;text-transform:uppercase;padding:0 8px}.category-content-image:hover .category-overlay{opacity:1;cursor:pointer}.category-content-image:hover .category-overlay .category-overlay-text{animation:animation-text .5s ease-in-out forwards}.category-content-image.animation__bottom-top:hover .category-overlay:before{animation:bottom-top .5s ease-in-out forwards}.category-content-image.animation__left-right:hover .category-overlay:before{animation:left-right .5s ease-in-out forwards}.category-content-image.animation__top-bottom:hover .category-overlay:before{animation:top-bottom .5s ease-in-out forwards}.category-content-image.animation__right-left:hover .category-overlay:before{animation:right-left .5s ease-in-out forwards}.button-wrapper{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 550px){.category-container{padding:0 10px}}@keyframes right-left{0%{opacity:0;transform:translate(100%)}50%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes top-bottom{0%{opacity:0;transform:translateY(-100%)}50%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes left-right{0%{opacity:0;transform:translate(-100%)}50%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes bottom-top{0%{opacity:0;transform:translateY(100%)}50%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes animation-text{0%{opacity:0;transform:translate(100%)}50%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}.col-3{width:100%}.image{width:100%;height:316px}@media screen and (max-width: 578px){.category-title{font-size:24px;padding-bottom:0;text-transform:uppercase}.category-content-image{margin:unset;margin-left:10px}.category-image{width:100%;height:100%}.category-overlay{width:100%;height:100%;opacity:1}.category-content-image .category-overlay:before{width:35px!important;height:35px!important}.category-overlay-text{font-size:14px;line-height:14px}#category-container{display:flex;width:100%}.button-wrapper{display:none}}@media (min-width: 579px) and (max-width: 768px){.category-image,.category-overlay{width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-categories-grid.css.map */