Descripción

:root { –primary-color: #007ec2; –secondary-color: #ff5d00; –text-color: #333; –logo-hover-opacity: 0.8; –image-hover-scale: 1.1; –product-info-hover-translate: -5px; –product-info-hover-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); –text-hover-color: #004080; –logo-hover-fade: 0.3s ease-in-out; –product-info-hover-rotate: 1deg; –product-info-hover-shake: 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite; –text-hover-scale: 1.1; –text-hover-fade: 0.3s ease-in-out; } body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f4f4; color: var(–text-color); margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; } main { width: 100%; max-width: 1200px; } #product-container { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; width: 95%; margin: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform-origin: center; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } #product-image-container { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 20px; overflow: hidden; border-radius: 8px 8px 0 0; } .product-image { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out; } #product-info { padding: 20px; width: 100%; max-width: 500px; display: flex; flex-direction: column; justify-content: space-between; align-items: left; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 0 0 8px 8px; transform: translateY(0); } #product-info h1 { color: var(–primary-color); margin-bottom: 10px; font-weight: bold; transition: color 0.3s ease-in-out, transform 0.5s ease-in-out; font-size: 1.5em; text-align: left; } #product-info p { color: var(–text-color); margin: 0 0 5px; font-weight: bold; font-size: 1em; text-align: left; opacity: 1; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.5s ease-in-out; } #product-info p strong { color: var(–secondary-color); /* Resaltado en naranja */ } #product-container:hover { transform: scale(1.02); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } #product-image-container:hover .product-image { transform: scale(var(–image-hover-scale)); } #product-info:hover { transform: translateY(var(–product-info-hover-translate)); box-shadow: var(–product-info-hover-shadow); animation: var(–product-info-hover-shake); } #product-info h1:hover { color: var(–text-hover-color); transform: scale(1.05); } #product-info p:hover { opacity: 0.8; color: var(–text-hover-color); transform: translateX(5px); } #product-info h1:hover { transform: scale(var(–text-hover-scale)); } #product-info p:hover { opacity: 0.8; transform: scale(var(–text-hover-scale)); } @media (min-width: 768px) { #product-container { flex-direction: row; } #product-image-container { width: 40%; } .product-image { width: 100%; } #product-info { width: 60%; } }

Mousepad Acteck Vibe Felt Plus

Peso y dimensiones

Ancho del paquete: 409 mm

Profundidad del paquete: 80 mm

Grosor: 2 mm

Peso del paquete: 700 g

Profundidad: 400 mm

Peso: 600 g

Ancho: 900 mm

Altura del paquete: 78 mm

Diseño

Coloración de superficie: Monocromático

Color del producto: Gris

Alfombrilla de ratón para juegos: No

Empaquetado

Cantidad por paquete: 1 pieza(s)

Ergonomía

Base antiderrapante: Sí

Descansa muñecas: No