body {
background-color: white !important;
margin: 0;
padding: 0;
font-family: sans-serif;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 20px 20px;
text-align: center;
animation: fadeInUpContainer 1s ease-out;
}
@keyframes fadeInUpContainer {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.logo-empresa {
height: 60px;
margin-bottom: 20px;
}
.eslogan {
font-size: 1.1rem;
color: #333;
margin-bottom: 30px;
}
.store-buttons {
display: flex;
flex-direction: row;
gap: 30px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.store-buttons a {
position: relative;
display: inline-block;
border-radius: 12px;
overflow: hidden;
opacity: 0;
transform: translateY(10px);
animation: fadeInUp 0.6s forwards;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.store-buttons a:nth-child(1) { animation-delay: 0.3s; }
.store-buttons a:nth-child(2) { animation-delay: 0.6s; }
.store-buttons a:hover {
transform: translateY(-4px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08);
}
/* Halo glow effect */
.store-buttons a::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at center, rgba(0, 132, 255, 0.15), transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
z-index: 0;
}
.store-buttons a:hover::before {
opacity: 1;
}
.store-buttons img {
height: 60px;
object-fit: contain;
display: block;
position: relative;
z-index: 1;
transition: transform 0.2s ease;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.container {
padding-top: 30px;
}
.logo-empresa {
height: 50px;
}
.eslogan {
font-size: 1rem;
}
.store-buttons {
flex-direction: column;
gap: 20px;
}
.store-buttons img {
height: 50px;
}
}
window.onload = function () {
const ua = navigator.userAgent.toLowerCase();
setTimeout(() => {
if (ua.includes("iphone") || ua.includes("ipad") || ua.includes("mac os")) {
window.location.href = "https://apps.apple.com/es/app/arte-regal/id1624639589";
} else if (ua.includes("android")) {
window.location.href = "https://play.google.com/store/search?q=arte%20regal&c=apps";
}
}, 2000);
};
Your B2B catalogue, now on your mobile