//TODO:reset container styles // Hay que tener en cuenta todas las mqs asociadas a .container div.container-catalog{.container{width:unset !important;max-width:unset !important;height:unset !important;display:unset !important;overflow:unset !important;padding:unset !important;margin:unset !important;@media(min-width:1440px){width:unset !important;max-width:unset !important;height:unset !important;display:unset !important;overflow:unset !important;padding:unset !important;margin:unset !important}
@media(min-width:@screen-lg){width:unset !important;max-width:unset !important;height:unset !important;display:unset !important;overflow:unset !important;padding:unset !important;margin:unset !important}
@media(min-width:@grid-float-breakpoint){margin:unset !important}
@media(max-width:@screen-md){width:unset !important}
@media(min-width:768px){width:unset !important}
@media(min-width:992px){width:unset !important}
@media(min-width:1200px){width:unset !important}
@media(max-width:992px){width:unset !important;max-width:unset !important;height:unset !important;display:unset !important;overflow:unset !important;padding:unset !important;margin:unset !important}
}
}
.container-catalog{padding-left:0;padding-right:0;@media(min-width:992px){&.m{&--10{.container__section{margin-block:10px}
}
&--20{.container__section{margin-block:20px}
}
&--30{.container__section{margin-block:30px}
}
&--40{.container__section{margin-block:40px}
}
&--50{.container__section{margin-block:50px}
}
}
&.p{&--10{.container__section{padding-block:10px}
}
&--20{.container__section{padding-block:20px}
}
&--30{.container__section{padding-block:30px}
}
&--40{.container__section{padding-block:40px}
}
&--50{.container__section{padding-block:50px}
}
}
}
.container__section--fullwidth{.container-catalog__inner{width:100%;max-width:100%}
}
}
.container-catalog{.container__section--fullwidth{.container-catalog__inner{width:100%;max-width:100%}
}
}
.two-columns,.three-columns,.four-columns,.six-columns{padding-left:0;padding-right:0;.container__section--fullwidth{.container-catalog__inner{width:100%;max-width:100%}
}
.cmp-container{grid-template-columns:repeat(1,1fr);width:100%;display:grid;gap:10px;margin-bottom:10px;.container-catalog{width:fit-content}
}
.aem-Grid{&::before,&::after{display:none !important}
}
>.container-component{margin:auto;width:100%;max-width:90% !important}
.image{width:stretch}
.container{border-radius:8px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 1px 2px rgba(0,0,0,0.04),0 6px 16px rgba(0,0,0,0.06);transition:box-shadow .2s ease,transform .2s ease;&:hover{box-shadow:0 2px 4px rgba(0,0,0,0.06),0 10px 24px rgba(0,0,0,0.08);transform:translateY(-1px)}
}
.container-catalog:not(.two-columns):not(.three-columns):not(.four-columns):not(.six-columns){.cmp-container{padding:10px;display:flex;height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}
}
}
.two-columns{.cmp-container{@media(min-width:480px){grid-template-columns:repeat(2,1fr)}
}
}
.three-columns{.cmp-container{@media(min-width:480px){grid-template-columns:repeat(3,1fr)}
}
}
.four-columns{.cmp-container{@media(min-width:480px){grid-template-columns:repeat(4,1fr)}
}
}
.six-columns{.cmp-container{@media(min-width:480px){grid-template-columns:repeat(3,1fr)}
@media(min-width:1025px){grid-template-columns:repeat(6,1fr)}
}
}