/* ====== Footer ====== */
                footer {
                    background-color: #333;
                    color: #fff;
                    padding: 40px 20px;
                    font-size: 0.9rem;
                    text-align: left;
                    box-sizing: border-box;
                }
                
                .footer-container {
                    max-width: 900px;
                    margin: 0 auto;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 30px;
                    justify-content: space-between;
                }
                
                .footer-section {
                    flex: 1 1 calc(25% - 30px);
                    min-width: 280px;  
                    margin-bottom: 20px;
                    padding: 0 10px;
                }
                
                /* Títulos */
                .footer-section h4 {
                    margin-bottom: 15px;
                    font-size: 1.2rem;
                    font-weight: bold;
                    border-bottom: 2px solid #fff;
                    padding-bottom: 5px;
                }
                
                /* Enlaces */
                .footer-links ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                
                .footer-links ul li {
                    margin-bottom: 10px;
                }
                
                .footer-links ul li a {
                    color: #fff;
                    text-decoration: none;
                    transition: color 0.3s;
                }
                
                .footer-links ul li a:hover {
                    color: #007bff;
                }
                
                /* Redes sociales */
                .footer-social {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    justify-content: center;
                    align-items: center;
                }
                
                .social-icons {
                    display: flex;
                    gap: 15px;
                    justify-content: center;
                    align-items: center;
                    margin-top: 10px;
                }
                
                .social-icon {
                    display: inline-block;
                    background-color: #333;
                    color: #fff;
                    padding: 10px;
                    border-radius: 50%;
                    transition: background-color 0.3s;
                }
                
                .social-icon:hover {
                    background-color: #007bff;
                }
                
                /* Suscripción */
                .footer-subscription form {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    margin-top: 10px;
                }
                
                .footer-subscription input {
                    padding: 12px;
                    border: none;
                    background-color: #ffffff;
                    border-radius: 5px;
                    font-size: 0.9rem;
                    width: 100%;
                    box-sizing: border-box;
                }
                
                .footer-subscription button {
                    padding: 12px;
                    background-color: #292524;
                    color: #fff;
                    border: none;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: background-color 0.3s;
                }
                
                /* Métodos de pago */
                .payment-methods {
                    display: flex;
                    gap: 20px;
                    margin-top: 10px;
                    list-style-type: none;
                    justify-content: center;
                }
                
                .payment-methods img {
                    width: 50px;
                    height: auto;
                    transition: transform 0.3s, opacity 0.3s;
                }
                
                .payment-methods img:hover {
                    opacity: 0.7;
                    transform: scale(1.1);
                }
                
                /* Footer bottom */
                .footer-bottom {
                    margin-top: 20px;
                    font-size: 0.85rem;
                    text-align: center;
                }
                
                /* ====== Responsivo ====== */
                @media (max-width: 1024px) {
                    .footer-container {
                        flex-direction: column;
                        align-items: center;
                        gap: 20px;
                    }
                
                    .footer-section {
                        flex: 1 1 100%;
                        text-align: center;
                    }
                
                    .footer-links ul {
                        text-align: center;
                    }
                
                    .social-icons {
                        justify-content: center;
                        align-items: center;
                    }
                
                    .payment-methods {
                        justify-content: center;
                    }
                }
                
                @media (max-width: 768px) {
                    footer {
                        padding: 30px 15px;
                    }
                
                    .footer-container {
                        flex-direction: column;
                        align-items: center;
                        gap: 20px;
                    }
                
                    .footer-section {
                        flex: 1 1 100%;
                        text-align: center;
                    }
                
                    .footer-links ul {
                        text-align: center;
                    }
                
                    .social-icons {
                        justify-content: center;
                    }
                
                    .payment-methods {
                        justify-content: center;
                    }
                
                    .footer-bottom {
                        text-align: center;
                    }
                }
                
                @media (max-width: 480px) {
                    footer {
                        padding: 20px 10px;
                    }
                
                    .footer-section h4 {
                        font-size: 1rem;
                    }
                
                    .footer-links ul li {
                        margin-bottom: 8px;
                    }
                
                    .footer-subscription input {
                        padding: 10px;
                        font-size: 0.85rem;
                    }
                
                    .footer-subscription button {
                        padding: 10px;
                        font-size: 0.85rem;
                    }
                
                    .payment-methods img {
                        width: 40px;
                    }
                }