/* --- style.css --- */

/* Footer Styles */
footer {
    background: #f9fafb;
    color: #1f2937;
    padding: 80px 0 40px; /* Un poco más de espacio al final */
    
    /* CAMBIO 1: Separación grande entre el contenido anterior y el footer */
    margin-top: 100px; 
    
    border-top: 1px solid #e5e7eb;
    font-family: 'Inter', sans-serif;
}

.wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

.footer-grid {
    display: grid; 
    grid-template-columns: 1.2fr 1fr 1fr; 
    gap: 40px; 
    
    /* CAMBIO 2: Más espacio entre los columnas del footer y la línea de copyright */
    margin-bottom: 80px; 
}

.footer-col h4 {
    color: #1f2937; font-size: 1.1rem; margin-bottom: 20px;
    border-bottom: 2px solid #5e17eb; display: inline-block; padding-bottom: 5px;
}
.footer-col p { color: #6b7280; font-size: 0.95rem; }
.footer-logo { max-width: 150px; margin-bottom: 15px; display: block; }

.social-links { display: flex; gap: 15px; margin-top: 20px; }
.social-btn {
    width: 40px; height: 40px; background: white; border: 1px solid #e5e7eb; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.3s; color: #1f2937; text-decoration: none; font-weight: bold; font-size: 0.8rem;
}
.social-btn:hover { background: #5e17eb; color: white; transform: translateY(-3px); border-color: #5e17eb; }

.footer-links { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { color: #6b7280; text-decoration: none; transition: 0.3s; }
.footer-links a:hover { color: #5e17eb; padding-left: 5px; }

.payment-zone img { max-width: 100%; border-radius: 8px; margin-top: 10px; }

.copyright {
    border-top: 1px solid #e5e7eb;
    
    /* CAMBIO 3: Más aire entre la línea y el texto de derechos */
    padding-top: 40px; 
    
    text-align: center; font-size: 0.85rem; color: #6b7280;
}

/* Responsive Footer */
@media (max-width: 900px) {
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .social-links { justify-content: center; }
    .footer-logo { margin: 0 auto 15px auto; }
}