.sp-footer-top,.sp-site-footer{box-sizing:border-box;width:100%}.sp-site-footer{background-color:#28282a;color:#d0d0d0;font-size:.95em;padding:50px 0 0;margin:0;overflow:hidden;margin-top:30px;}.sp-footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;max-width:1920px;margin:0 auto;padding:0 35px}.sp-footer-logo img{width:140px;height:auto}.sp-footer-right{flex:1;text-align:left}.sp-footer-text{margin:0 0 10px;color:#fff;line-height:1.6;font-size:1.1em;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;line-break:normal;text-align:justify}.sp-footer-links{display:flex;flex-wrap:nowrap;gap:8px;margin-top:15px;align-items:center;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:10px 0}.sp-footer-links a{color:#d0d0d0;text-decoration:none;font-weight:500;transition:color .3s;white-space:nowrap;flex-shrink:0}.sp-footer-links a:hover{color:#fff}.sp-footer-bottom{text-align:center;padding:20px 0;font-size:.95em;color:#d0d0d0;width:100%;border-top:1px solid #333;margin-top:20px}

/* =============================================================================
   ESTILOS PARA EL BOTÓN "IR ARRIBA" EN EL FOOTER
   Manteniendo el diseño original pero fijo en el footer
   ============================================================================= */

.sp-footer-bottom {
    position: relative;
    padding: 20px;
    background-color: #1a1a1a;
    border-top: 1px solid #333;
}

.sp-footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

.sp-footer-bottom-content p {
    margin: 0;
    color: #aaa;
    font-size: 14px;
    flex-grow: 1;
}

/* Estilos para el botón en el footer (usando tus CSS originales) */
#sp-btn-ir-arriba {
    position: static; /* Cambiado de fixed a static */
    background: 0 0;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 1; /* Siempre visible */
    transform: none; /* Sin animación de entrada */
    pointer-events: auto; /* Siempre clickeable */
    transition: opacity .4s, transform .4s;
    z-index: 9999;
    margin-left: 20px;
    flex-shrink: 0;
}

/* Ya no necesitamos la clase .show porque siempre está visible */
#sp-btn-ir-arriba img {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    transition: transform .3s, filter .3s;
    filter: invert(33%) sepia(93%) saturate(6578%) hue-rotate(352deg) brightness(101%) contrast(96%);
}

#sp-btn-ir-arriba:hover img {
    transform: scale(1.1);
    filter: invert(21%) sepia(99%) saturate(3172%) hue-rotate(355deg) brightness(91%) contrast(102%);
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .sp-footer-bottom-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    #sp-btn-ir-arriba {
        margin-left: 0;
        order: -1; /* Mover el botón arriba en móviles */
        margin-bottom: 10px;
    }
    
    #sp-btn-ir-arriba img {
        width: 45px;
        height: 45px;
    }
}

/* Para tablets */
@media (min-width: 769px) and (max-width: 1024px) {
    .sp-footer-bottom-content {
        padding: 0 15px;
    }
    
    #sp-btn-ir-arriba img {
        width: 45px;
        height: 45px;
    }
}
@media (max-width:768px){.sp-footer-right,.sp-footer-text,.sp-footer-top{text-align:center}.sp-site-footer{padding:30px 0 0;width:100%;margin:0}.sp-footer-top{flex-direction:column;align-items:center;padding:0 15px;max-width:100%;width:100%}.sp-footer-right{width:100%}.sp-footer-links{justify-content:center;width:100%;flex-wrap:nowrap;overflow-x:auto;padding:10px 5px;gap:5px}.sp-footer-bottom{padding:20px 15px;width:100%}body,html{margin:0;padding:0;overflow-x:hidden}}@media (max-width:480px){.sp-site-footer{padding:20px 0 0}.sp-footer-top{padding:0 10px}.sp-footer-logo img{width:120px}.sp-footer-text{font-size:.9em}.sp-footer-links{gap:3px;padding:8px 2px}.sp-footer-links a{font-size:.85em;padding:2px 4px}}@media (max-width:360px){.sp-footer-links{justify-content:flex-start;padding:8px 0}.sp-footer-links a{font-size:.8em;padding:2px 3px}}