.marcas-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}.marcas-header__title{margin:0 0 1.5rem;font-weight:700;letter-spacing:-.02em}.marcas-header__subtitle{font-size:1.6rem;color:rgba(var(--color-foreground),.7);max-width:60rem;margin:0;line-height:1.6}.marcas-header__subtitle p{margin:0}.marcas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media screen and (min-width:750px){.marcas-grid{grid-template-columns:repeat(4,1fr);gap:3rem}}@media screen and (min-width:990px){.marcas-grid{grid-template-columns:repeat(6,1fr);gap:3.5rem}}.marcas-grid__item{display:flex;justify-content:center;align-items:center}.marcas-grid__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:rgb(var(--color-foreground));width:100%}.marcas-grid__image-container{position:relative;background-color:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.06);border-radius:12px;width:100%;aspect-ratio:3 / 2;overflow:hidden;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease,border-color var(--duration-short) ease,background-color var(--duration-short) ease}.marcas-grid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:1.8rem;filter:grayscale(100%);opacity:.65;transition:filter var(--duration-short) ease,opacity var(--duration-short) ease,transform var(--duration-short) ease}.marcas-grid__image-container .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.8rem}.marcas-grid__link:hover .marcas-grid__image-container{transform:translateY(-5px);box-shadow:0 10px 20px #0000000a;border-color:rgba(var(--color-foreground),.15);background-color:rgba(var(--color-foreground),.04)}.marcas-grid__link:hover .marcas-grid__image{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.marcas-grid__title{margin-top:1.2rem;text-align:center;font-size:1.4rem;font-weight:600;letter-spacing:.02em;transition:color var(--duration-short) ease}.marcas-grid__link:hover .marcas-grid__title{color:rgb(var(--color-accent-1))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-marcas-compatibles.css.map */