.heropage{background-image:var(--fondo-hero);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;overflow:hidden;height:80vh}.heropage:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.842)}.heropage-content{z-index:1;display:flex;flex-direction:column;align-items:center;padding:5%;gap:20px}.heropage .description{font-size:.8rem;margin-top:10px;margin-bottom:10px;color:#ddd;text-align:left}.hero-text{max-width:600px;z-index:1}.hero-image{position:absolute;right:80px;padding:2px;width:100%;max-width:400px}.hero-image .product-image{width:100%;height:auto;border-radius:8px}.heropage h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:20px}@media (min-width:768px){.heropage-content{flex-direction:row}}@media (max-width:768px){.heropage{align-items:start}.hero-text{margin-top:80px}.hero-image{position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}.heropage h1{font-size:2rem}}@media (max-width:480px){.heropage{height:80vh}.heropage h1{font-size:1.5rem}}@media (max-height:400px){.heropage{height:100vh;padding:10px}.heropage-content{padding:2% 5%;gap:10px}.hero-text{max-width:100%}.heropage h1{font-size:1.8rem;margin-bottom:10px}.hero-image{position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}.flex.gap-4>*{padding:5px 10px}}