/* ------------------
BOTÓN FLOTANTE "REGRESAR ARRIBA"
   ------------------ */
#backToTopBtn {
    /* Oculto por defecto, fijo en la ventana */
    display: none; 
    position: fixed; 
    bottom: 90px; 
    right: 30px; 
    z-index: 99; /* Por encima de todo */
    border: none;
    outline: none;
    
    /* Colores corporativos */
    background-color: #202d4f; /* Color oscuro */
    color: #a6abb9; /* Color claro para el icono */
    
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 50%; /* Circular */
    font-size: 24px;
    line-height: 1; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    transition: background-color 0.3s, transform 0.3s;
}

#backToTopBtn:hover {
    background-color: #3f4a6e; /* Tono oscuro intermedio en hover */
    color: white;
    transform: scale(1.1); /* Efecto de elevación sutil */
}