body {
 font-family: sans-serif;
 margin: 0;
 background-color: #fff;
 color: #333;
 line-height: 1.6;
 display: flex;
 flex-direction: column;
 min-height: 100vh;
}

header {
 padding: 20px;
 text-align: center;
}

.logo {
 font-weight: bold;
 margin-bottom: 5px;
}

.img-logo {
 max-width: 150px;
 height: auto;
}

.slogan {
 color: #777;
 font-size: 1em;
}

.app-links {
 text-align: center;
 padding: 40px 20px;
}

.app-links a {
 display: inline-block;
 margin: 0 10px;
}

.app-links img {
 max-width: 150px;
 height: auto;
}

.contact-commerce {
 margin-top: 20px;
 color: #555;
 font-size: 0.9em;
}

.contact-commerce a {
 color: #FF6201;
 text-decoration: none;
 font-weight: bold;
}

footer {
 background-color: #f9f9f9;
 padding: 20px;
 text-align: center;
 margin-top: auto; /* Empuja el footer hacia abajo */
}

.social-links a {
 color: #777;
 text-decoration: none;
 margin: 0 10px;
 font-size: 0.9em;
}

.legal-links {
 margin-top: 10px;
}

.legal-links a {
 color: #777;
 text-decoration: none;
 margin: 0 10px;
 font-size: 0.8em;
}

.copyright {
 margin-top: 15px;
 font-size: 0.75em;
 color: #999;
}