.detailsContainer{padding-top:4rem;display:flex;flex-direction:column;text-align:center}.detailsContainer .container{display:flex;flex-direction:column;background:linear-gradient(to bottom,#f0c7ff59 30%,#63bdf154);border-radius:5rem;margin-bottom:2rem;padding-bottom:2rem}.detailsContainer .container .titleDetails h2{font-weight:700;font-size:clamp(1rem,8vw,3rem)}.detailsContainer .container p{text-align:left;width:80vw;margin:0 auto;font-size:clamp(.5rem,6.5vw,2.5rem)}.detailsContainer .cardsContainer h3{text-align:center;font-weight:700;font-size:clamp(1rem,8vw,3.5rem);margin-bottom:2rem}.detailsContainer .cardsContainer .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:0 2rem}.detailsContainer .cardsContainer .imageContainer{background-color:#f7f7f7;border-radius:3rem;border:1px solid;box-shadow:0 10px 40px #0003;transition:transform .3s ease,box-shadow .3s ease;margin-top:5rem;overflow:hidden}.detailsContainer .cardsContainer .imageContainer:hover{transform:scale(1.05);box-shadow:0 12px 28px #0000002e}.detailsContainer .cardsContainer .imageContainer .image{width:100%;aspect-ratio:7 / 7;height:auto;object-fit:cover;border-radius:3rem;object-position:center}.detailsContainer .cardsContainer .imageContainer .description{width:90%;margin:0 auto;padding-bottom:2rem}.detailsContainer .cardsContainer .imageContainer .description h4{font-weight:700;font-size:clamp(2rem,5vw,3rem);margin-top:1rem}.detailsContainer .cardsContainer .imageContainer .description p{max-width:800px;width:100%;margin-top:-2.5rem;text-align:left;font-size:clamp(1rem,5vw,3rem);padding:1rem}@media(min-width:768px){.detailsContainer .container p{width:90vw}}@media(min-width:1024px){.detailsContainer .cardsContainer .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:0 6rem}.detailsContainer .cardsContainer .cards .image{aspect-ratio:1 / 1;object-fit:cover}.detailsContainer .cardsContainer .imageContainer .description h4{font-size:2.5rem;text-align:left}.detailsContainer .cardsContainer .imageContainer .description p{font-size:2rem;margin:0;padding:0}.detailsContainer .cardsContainer .imageContainer{width:90%}.detailsContainer .cardsContainer .imageContainer .description{padding-top:2rem}.detailsContainer .cardsContainer{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/detalles.css.map */