/* Fondo elegante */
.footer-premium {
    background:  linear-gradient(135deg, #0c0c0c, #161616, #1E1E1E);  /* fondo del footer */
    border-top: 3px solid #ffffff;
    box-shadow: 0 -6px 20px rgba(255, 255, 255, 0.6);
    position: relative;
    overflow: hidden;
    padding-top: 1rem;   /* ESTE genera mucho espacio */
    padding-bottom: 1rem;
}

/* Línea animada */
.footer-divider {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
    animation: moveLine 3s linear infinite;
}

@keyframes moveLine {
    0% { background-position: -200px; }
    100% { background-position: 200px; }
}

/* Logo con efecto neón */
.footer-logo {
    max-width: 100px;
    transition: transform 0.4s ease, filter 0.4s ease;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
}

.footer-logo:hover {
    transform: scale(1.08) rotate(1deg);
    filter: drop-shadow(0 0 14px rgba(255, 80, 0, 1));
}

/* Títulos */
.footer-title {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFA366;
    font-weight: bold;
}

/* Texto */
.footer-text {
    color: #ddd;
    font-size: 14px;
}

/* Links premium */
.footer-link {
    color: #FF8C47;
    font-weight: 500;
    font-size: 15px;
    transition: color 0.3s ease, transform 0.2s ease;
}

.footer-link:hover {
    color: #fff;
    transform: translateX(5px);
    text-shadow: 0 0 8px rgba(255, 120, 0, 0.8);
    text-decoration: none;
}

/* Copyright */
.footer-copy {
    color: #aaa;
    font-size: 13px;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    .footer-logo {
        max-width: 140px;
        margin-bottom: 15px;
    }
}

/* VERSION MÓVIL: Ajuste especial para el logo */
@media (max-width: 767px) {
    .footer-logo {
        max-width: 70px !important;   /* Cambia el tamaño que tú quieras */
        display: block;
        margin: 0 auto 12px auto !important; /* CENTRADO */
        transform: none !important;   /* Quita animaciones fuertes en móvil */
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.993));
    }
}

/* Elimina cualquier espacio superior del footer */
footer, .footer-premium {
    margin-top: 0 !important;
    padding-top: 0.3rem !important; /* ajusta a tu gusto */
}

/* También elimina margen inferior del bloque anterior */
footer::before,
.footer-premium::before {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

main section:last-child,
main div:last-child,
#content section:last-child,
body > section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}