.modos-patroclo{padding-top:var(--padding-top, 80px);padding-bottom:var(--padding-bottom, 80px)}.modos-patroclo__header{max-width:46rem;margin:0 auto 3.5rem;text-align:center;display:flex;flex-direction:column;gap:1.4rem}.modos-patroclo__caption{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.modos-patroclo__heading{margin:0;font-size:3.2rem;line-height:1.1}.modos-patroclo__text{margin:0;font-size:1.7rem;line-height:1.6;opacity:.85}.modos-patroclo__text--strong{font-weight:700;opacity:1}.modos-patroclo__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.modos-patroclo__card{background:#ffffff0f;border-radius:1.6rem;padding:2.6rem 2.4rem;display:flex;flex-direction:column;gap:1.2rem;color:inherit;text-decoration:none;transition:background-color .15s ease,transform .15s ease;overflow:hidden}.modos-patroclo__cover{position:relative;margin:-2.6rem -2.4rem .4rem;width:calc(100% + 4.8rem);height:0;padding-top:calc(100% + 4.8rem);overflow:hidden;background:#ffffff0f}.modos-patroclo__cover-img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block;margin:0!important;transition:transform .25s ease}a.modos-patroclo__card:hover .modos-patroclo__cover-img{transform:scale(1.04)}a.modos-patroclo__card:hover{background:#ffffff1c;transform:translateY(-2px)}.modos-patroclo__card-link{margin-top:-.4rem;font-size:1.3rem;font-weight:700;opacity:.75}.modos-patroclo__icon{width:2.6rem;height:2.6rem;opacity:.85}.modos-patroclo__icon svg{width:100%;height:100%}.modos-patroclo__card-title{margin:0;font-size:1.7rem;line-height:1.25}.modos-patroclo__card-text{margin:0;font-size:1.4rem;line-height:1.5;opacity:.75}@media screen and (max-width:989px){.modos-patroclo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modos-patroclo__heading{font-size:2.6rem}}@media screen and (max-width:599px){.modos-patroclo__grid{grid-template-columns:minmax(0,1fr);gap:1.4rem}.modos-patroclo__header{margin-bottom:2.4rem;gap:1rem}.modos-patroclo__heading{font-size:2.2rem}.modos-patroclo__text{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-modos-patroclo.css.map */