.lop-logos-marcas-wrapper{position:relative;width:100%;background-color:var(--lop-logos-marcas-background-color, #1a1a2e)}lop-logos-marcas{display:block;width:100%;max-width:1200px;margin:0 auto}.lop-logos-marcas{position:relative;width:100%;max-width:1200px;margin:0 auto;padding-top:var(--lop-logos-marcas-padding-top, 80px);padding-bottom:var(--lop-logos-marcas-padding-bottom, 80px);padding-left:2rem;padding-right:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.lop-logos-marcas__title{font-family:var(--font-heading--family);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;text-align:center;color:var(--lop-logos-marcas-title-color, #FFFFFF)}.lop-logos-marcas__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;width:100%;min-height:300px;margin:0 auto}.lop-logos-marcas__logo-item{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;animation:lop-logos-marcas-fade-in .8s ease-in-out forwards}.lop-logos-marcas__logo-item.lop-logos-marcas__logo-item--fade-out{animation:lop-logos-marcas-fade-out .8s ease-in-out forwards}.lop-logos-marcas__logo-item.lop-logos-marcas__logo-item--fade-in{animation:lop-logos-marcas-fade-in .8s ease-in-out forwards}.lop-logos-marcas__logo-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.lop-logos-marcas__logo{width:100%;height:auto;max-width:200px;max-height:150px;object-fit:contain;object-position:center;filter:brightness(0) invert(1)}@keyframes lop-logos-marcas-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lop-logos-marcas-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:989px){.lop-logos-marcas__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:1.5rem;min-height:600px}.lop-logos-marcas__title{font-size:2rem}}@media screen and (max-width:749px){.lop-logos-marcas{padding-top:calc(var(--lop-logos-marcas-padding-top, 80px) * .6);padding-bottom:calc(var(--lop-logos-marcas-padding-bottom, 80px) * .6);padding-left:1rem;padding-right:1rem;gap:2rem}.lop-logos-marcas__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:1rem;min-height:500px}.lop-logos-marcas__title{font-size:1.75rem}.lop-logos-marcas__logo{max-width:150px;max-height:100px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/lop-logos-marcas.css.map */